testing flatlist rotation workaround for android

This commit is contained in:
balzack 2023-03-04 23:04:33 -08:00
parent e1ecd64755
commit c88261d20b
2 changed files with 2 additions and 3 deletions

View File

@ -78,10 +78,9 @@ export function Conversation({ navigation, cardId, channelId, closeConversation,
</View> </View>
)} )}
{ state.loaded && state.topics.length !== 0 && ( { state.loaded && state.topics.length !== 0 && (
<FlatList style={styles.conversation} <FlatList style={{ ...styles.conversation, transform: [{rotate: '180deg'}]}}
contentContainerStyle={styles.topics} contentContainerStyle={styles.topics}
data={state.topics} data={state.topics}
inverted={true}
initialNumToRender={16} initialNumToRender={16}
renderItem={({item}) => <TopicItem item={item} focused={item.topicId === state.focus} renderItem={({item}) => <TopicItem item={item} focused={item.topicId === state.focus}
focus={() => actions.setFocus(item.topicId)} hosting={state.host == null} focus={() => actions.setFocus(item.topicId)} hosting={state.host == null}

View File

@ -130,7 +130,7 @@ export function TopicItem({ item, focused, focus, hosting, remove, update, block
} }
return ( return (
<View style={styles.wrapper}> <View style={{ ...styles.wrapper, transform: [{rotate: '180deg'}]}}>
<TouchableOpacity activeOpacity={1} style={styles.item} onPress={focus}> <TouchableOpacity activeOpacity={1} style={styles.item} onPress={focus}>
<View style={styles.header}> <View style={styles.header}>
{ state.logo !== 'avatar' && state.logo && ( { state.logo !== 'avatar' && state.logo && (