renil/lx-music-mobile-mod
1
0
Fork 0
mirror of https://github.com/ikun0014/lx-music-mobile.git synced 2025-07-03 07:52:10 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

更新导航栏

Browse Source
This commit is contained in:
lyswhut 2023-03-25 12:19:03 +08:00
parent 05d44b28f2
commit 70e00bbaaf
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/screens/Home/Views/Setting/Vertical/NavList.tsx
View File

@ -26,7 +26,7 @@ const ListItem = memo(({ id, activeId, onPress }: {
return ( return (
<View style={{ ...styles.listItem, backgroundColor: active ? theme['c-primary-background-active'] : 'transparent' }}> <View style={{ ...styles.listItem, backgroundColor: active ? theme['c-primary-background-active'] : 'transparent' }}>
<TouchableOpacity style={styles.listName} onPress={handlePress}> <TouchableOpacity style={styles.listName} onPress={handlePress}>
<Text numberOfLines={1} size={16} color={active ? theme['c-primary-font'] : theme['c-font']}>{t(`setting_${id}`)}</Text> <Text numberOfLines={1} color={active ? theme['c-primary-font'] : theme['c-font']}>{t(`setting_${id}`)}</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
) )
@ -62,10 +62,11 @@ export default ({ onChangeId }: {
const styles = createStyle({ const styles = createStyle({
container: { container: {
height: 100, height: 96,
flexGrow: 0, flexGrow: 0,
flexShrink: 0, flexShrink: 0,
borderTopWidth: BorderWidths.normal, borderTopWidth: BorderWidths.normal,
opacity: 0.7,
}, },
contentContainer: { contentContainer: {
flexDirection: 'row', flexDirection: 'row',
@ -79,19 +80,20 @@ const styles = createStyle({
listItem: { listItem: {
width: '33.33%', width: '33.33%',
height: 40,
// height: 'auto', // height: 'auto',
flexDirection: 'row', // flexDirection: 'row',
alignItems: 'center', // alignItems: 'center',
paddingHorizontal: 5, paddingHorizontal: 5,
paddingVertical: 10, // paddingVertical: 10,
borderRadius: BorderRadius.normal, borderRadius: BorderRadius.normal,
marginBottom: 5, marginBottom: 5,
// backgroundColor: 'rgba(0,0,0,0.1)',
}, },
listName: { listName: {
// justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
flexGrow: 1, flex: 1,
flexShrink: 1,
// paddingLeft: 5, // paddingLeft: 5,
// backgroundColor: 'rgba(0,0,0,0.1)', // backgroundColor: 'rgba(0,0,0,0.1)',
}, },