Optimize language selector
This commit is contained in:
parent
fc53bb14a0
commit
f3c5667f0a
1 changed files with 16 additions and 6 deletions
|
@ -265,10 +265,20 @@ export default function SettingsScreen() {
|
||||||
]}
|
]}
|
||||||
viewStyle={styles.languagesList}
|
viewStyle={styles.languagesList}
|
||||||
renderItem={(item: any, index: any) => (
|
renderItem={(item: any, index: any) => (
|
||||||
|
<ThemedView>
|
||||||
|
{item.key === language ?
|
||||||
|
(
|
||||||
<TouchableOpacity style={styles.languagesListItem} key={index} onPress={() => changeLanguage( item.key )}>
|
<TouchableOpacity style={styles.languagesListItem} key={index} onPress={() => changeLanguage( item.key )}>
|
||||||
<ThemedText type="defaultSemiBold">{item.name}</ThemedText>
|
<ThemedText type="defaultSemiBold">{item.name}</ThemedText>
|
||||||
<ThemedIcon name={'chevron-forward'} size={18}/>
|
<ThemedIcon name="checkmark" size={18}/>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
|
) : (
|
||||||
|
<TouchableOpacity style={styles.languagesListItem} key={index} onPress={() => changeLanguage( item.key )}>
|
||||||
|
<ThemedText type="default">{item.name}</ThemedText>
|
||||||
|
</TouchableOpacity>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</ThemedView>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
</ThemedView>
|
</ThemedView>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue