zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added overflow support when there's a lot of options

Browse Source
This commit is contained in:
Clément Le Bihan
2023-03-31 00:31:07 +02:00
parent 7722eba86f
commit e4d998b0ff
2 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
front/components/navigators/TabRowNavigator.tsx
View File

@@ -1,6 +1,6 @@
import * as React from "react";
import { StyleProp, ViewStyle, StyleSheet } from "react-native";
import { View, Text, Pressable, Box, Row, Icon, Button } from "native-base";
import { View, Text, Pressable, Box, Row, Icon, Button, ScrollView } from "native-base";
import {
createNavigatorFactory,
DefaultNavigatorOptions,
@@ -79,6 +79,7 @@ function TabNavigator({
justifyContent: "flex-start",
borderRightWidth: 1,
borderRightColor: "lightgray",
overflow: "scroll",
},
tabBarStyle,
]}

14
front/views/SettingsView.tsx
View File

@@ -266,6 +266,20 @@ const SetttingsNavigator = () => {
<TabRow.Screen name='ChangePassword' component={ChangePasswordView} />
<TabRow.Screen name='ChangeEmail' component={ChangeEmailView} />
<TabRow.Screen name='GoogleAccount' component={GoogleAccountView} />
<TabRow.Screen name='2Main' component={MainView} options={{ title: "Profil", iconProvider: FontAwesome, iconName: "user" }} />
<TabRow.Screen name='2Preferences' component={PreferencesView} />
<TabRow.Screen name='2Notifications' component={NotificationsView} />
<TabRow.Screen name='2Privacy' component={PrivacyView} />
<TabRow.Screen name='2ChangePassword' component={ChangePasswordView} />
<TabRow.Screen name='2ChangeEmail' component={ChangeEmailView} />
<TabRow.Screen name='2GoogleAccount' component={GoogleAccountView} />
<TabRow.Screen name='3Main' component={MainView} options={{ title: "Profil", iconProvider: FontAwesome, iconName: "user" }} />
<TabRow.Screen name='3Preferences' component={PreferencesView} />
<TabRow.Screen name='3Notifications' component={NotificationsView} />
<TabRow.Screen name='3Privacy' component={PrivacyView} />
<TabRow.Screen name='3ChangePassword' component={ChangePasswordView} />
<TabRow.Screen name='3ChangeEmail' component={ChangeEmailView} />
<TabRow.Screen name='3GoogleAccount' component={GoogleAccountView} />
</TabRow.Navigator>
)
}