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

Slight restructure, basic navigation

Browse source
This commit is contained in:
Imbus 2023-12-15 02:08:29 +01:00
parent cdb110a19f
commit afe511b448
3 changed files with 37 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/NewPostContainer.tsx
View file

@ -3,7 +3,7 @@ import { View, Text, TextInput, Button } from "react-native";
import { style } from "../util/style";
import { createPost, NewPost } from "../util/api";
export function NewPostContainer(): JSX.Element {
export function NewPostContainer({ navigation }): JSX.Element {
const [currentInput, setCurrentInput] = React.useState<string>("");
const [currentInputError, setCurrentInputError] = React.useState<string>("");

50
src/components/PostsContainer.tsx
View file

@ -1,12 +1,12 @@
import React from "react";
import { RefreshControl } from "react-native";
import { Button, RefreshControl } from "react-native";
import { getPostsInterval, Post } from "../util/api";
import { PostView } from "./PostView";
import { style } from "../util/style";
import { SafeAreaView } from "react-native";
import { VirtualizedList } from "react-native";
export function PostsContainer(): JSX.Element {
export function PostsContainer({ navigation }): JSX.Element {
const [postData, setPostData] = React.useState<Post[]>([]);
const [page, setPage] = React.useState<number>(0);
const [refreshing, setRefreshing] = React.useState<boolean>(false);
@ -53,26 +53,32 @@ export function PostsContainer(): JSX.Element {
const getItem = (_data: unknown, index: number): Post => postData[index];
return (
<SafeAreaView style={style.postsContainer}>
<VirtualizedList
data={postData}
initialNumToRender={4}
renderItem={({ item }) => (
<PostView key={item.id + item.createdAt} post={item} />
)}
keyExtractor={(item: Post) => item.id + item.createdAt}
getItemCount={getItemCount}
getItem={getItem}
onEndReached={handleEndReached}
onEndReachedThreshold={0.4}
refreshControl={
<RefreshControl
refreshing={refreshing}
onRefresh={onRefresh}
colors={["#007AFF"]}
/>
}
<>
<Button
title="Go to Details"
onPress={() => navigation.navigate("New")}
/>
</SafeAreaView>
<SafeAreaView style={style.postsContainer}>
<VirtualizedList
data={postData}
initialNumToRender={4}
renderItem={({ item }) => (
<PostView key={item.id + item.createdAt} post={item} />
)}
keyExtractor={(item: Post) => item.id + item.createdAt}
getItemCount={getItemCount}
getItem={getItem}
onEndReached={handleEndReached}
onEndReachedThreshold={0.4}
refreshControl={
<RefreshControl
refreshing={refreshing}
onRefresh={onRefresh}
colors={["#007AFF"]}
/>
}
/>
</SafeAreaView>
</>
);
}