adolforeyna/EMI-ExpoAPP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make feed refreshable

Browse Source
This commit is contained in:
aeroreyna
2022-03-08 20:25:57 -08:00
parent 82e0ded56c
commit c585d9fae8
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
Views/Feed.js
View File

@@ -36,12 +36,15 @@ let Feed = ({ navigation, route }) => {
}}> }}>
<SafeAreaView style={styles.container}> <SafeAreaView style={styles.container}>
<View> <View>
{Posts.length === 0 && <ActivityIndicator />}
<FlatList <FlatList
data={Posts} data={Posts}
renderItem={renderPost} renderItem={renderPost}
keyExtractor={item => item._id || item.createdAt} keyExtractor={item => item._id || item.createdAt}
ListHeaderComponent={<NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />} ListHeaderComponent={<NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />}
refreshing={Posts.length === 0}
onRefresh={()=>{
API.getPosts().then(setPosts);
}}
/> />
</View> </View>
<StatusBar style="auto" /> <StatusBar style="auto" />

4
Views/Profile.js
View File

@@ -41,6 +41,10 @@ let Profile = ({ navigation, route }) => {
renderItem={renderPost} renderItem={renderPost}
keyExtractor={item => item._id || item.createdAt} keyExtractor={item => item._id || item.createdAt}
ListHeaderComponent={<NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />} ListHeaderComponent={<NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />}
refreshing={Posts.length === 0}
onRefresh={()=>{
API.getPosts(route.params.profileid).then(setPosts);
}}
/> />
} }
</View> </View>