I'm trying to develop an app that allows the user to input the title of a song on the screen 'PostScreen' and then when a button is clicked, see the title that they inputted on the home screen, called 'TabOneScreen'.…
I am trying to use any calendar component from the react-native-calendars library, however I am not being able to match the calendar colors with my given theme. For exemple, I have the following code: export default function Statistics({ navigation })…
I am building a fitness app, and currently I am having a problem with React Native navigation stack, that I wasn't having before and not sure why this is happening. As you can see in the video, after you select…
I want to use this icon from React icons= HiOutlineMenuAlt1 as my drawer icon in react native navigation. However i try to use as shown below it brings an error(see below) Note: This error happens with all icons when used…
I am making a React Native application in which I have menus and submenus. Menus and submenus structure: let arr = [ { name: 'Header 1', routeName: 'Home', child: [ { name: 'Header 1 - Submenu 1', child: [], routeName:…
I am trying to show a media player above the bottom tab navigator just like in spotify app. It should stay there in same state across all the screens (bottom tabs). Any suggestions or approaches to implement this in React…
I have something like: const Tab = createBottomTabNavigator<DefaultTabbedParamList>(); const DefaultTabbedNavigation = () => { return ( <> <Tab.Navigator initialRouteName='Home' screenOptions={{ unmountOnBlur: true, }}> <Tab.Screen name="Home" component={HomeScreen} options={{ ...defaultOptions, tabBarIcon: ({ color, size, focused }) => ( <Icon as={Ionicons} name={`home${focused ?…
In App.tsx, I have: export default function App() { const Stack = createNativeStackNavigator(); return ( <NavigationContainer> <Stack.Navigator initialRouteName='feed' screenOptions={{ headerShown: false, gestureDirection: 'vertical' }}> <Stack.Screen name="feed" component={IvoryFeedScreen} /> <Stack.Screen name="home" component={HomeScreen} /> </Stack.Navigator> </NavigationContainer> ); } How can I have…
I am sending an object as params. But when I try to access the params in another screen. It says undefined. Screen 1: <TouchableOpacity onPress={() => { navigation.navigate('DraggableList', { routes: ['A', 'B', 'C'], name: 'ABCD', }); }} </TouchableOpacity> Screen 2:…
I have a screen with the following: function Intereset ({ navigation }) { function ReturnMyFunction () { if (!var.length) { return ( <NoILikes /> ) } else { return ( <FlatList data={Ilike} keyExtractor={item => item._id} ItemSeparatorComponent={() => <Divider />} renderItem={UserRow}…