Imbus/frostbyte-native
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

NavButton breakout

Browse source
This commit is contained in:
Imbus 2023-12-15 02:19:00 +01:00
parent afe511b448
commit 79328b6b62
2 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/PostsContainer.tsx
View file

@ -52,12 +52,10 @@ export function PostsContainer({ navigation }): JSX.Element {
const getItemCount = (_data: unknown): number => postData.length; const getItemCount = (_data: unknown): number => postData.length;
const getItem = (_data: unknown, index: number): Post => postData[index]; const getItem = (_data: unknown, index: number): Post => postData[index];
return ( return (
<> <>
<Button <NavButton onPress={() => navigation.navigate("New")} text="New Post" />
title="Go to Details"
onPress={() => navigation.navigate("New")}
/>
<SafeAreaView style={style.postsContainer}> <SafeAreaView style={style.postsContainer}>
<VirtualizedList <VirtualizedList
data={postData} data={postData}
@ -82,3 +80,15 @@ export function PostsContainer({ navigation }): JSX.Element {
</> </>
); );
} }
function NavButton({
onPress,
text,
}: {
onPress: () => void;
text: string;
}): JSX.Element {
return (
<Button title={text} onPress={onPress} color={style.navButton.color} />
);
}

4
src/util/style.ts
View file

@ -62,4 +62,8 @@ export const style = StyleSheet.create({
errorText: { errorText: {
color: colorScheme.error, color: colorScheme.error,
}, },
navButton: {
backgroundColor: colorScheme.background,
color: colorScheme.postFont,
},
}); });