All Questions
Tagged with react-navigation ios
13
questions
3
votes
4
answers
10k
views
React Native two drawers on one screen
I have an app that needs to be able to use two drawer navigators, one on the left and on on the right side of the header.
I am at the point where I can get both drawers to open with the slide ...
3
votes
2
answers
12k
views
How do I animate React Navigation transitions using createBottomTabNavigator?
I've spent the last day trying to find out how to implement a simple fade screen transition with react-navigation but I cannot find one way to make it work with a bottom-tab-navigator. Can someone ...
0
votes
0
answers
215
views
React Native - IOS( Drawer partially opened on Login)
When I Login to the application drawer is partially opened, if I kill the app and reopen again drawer is fully closed. Not sure what is causing the issue.
<Drawer.Navigator initialRouteName='...
122
votes
36
answers
266k
views
How to get current route name in react-navigation?
I want the name of the current route or screen in react-navigation which I want to use inside if condition to make some changes.
10
votes
4
answers
7k
views
In react-navigation, how do I get the dimensions of the visible area between the header and TabBar?
const viewableWindowHeight = Dimensions.get('window').height - Header.HEIGHT - ???
How do I get the TabBar height?
What if the iPhone is X? How can I take that into account?
6
votes
0
answers
2k
views
React Navigation Stack Navigator default shadow styling
I'm using React Navigation to construct a tab bar based type of an app in ReactNative.
"react-native": "0.44.0",
"react-navigation": "^1.0.0-beta.9",
I've got the navigation part pinned down and ...
6
votes
3
answers
9k
views
Show a component in all screens with React-Navigation - React Native
I want to have a component like button (or react-native-action-button precisely) to be shown in each screen using React Navigation.
Does React Navigation has any option in inside Routes to implement ...
6
votes
4
answers
8k
views
iOS (React native): Unnecessary space from the top of the header rendered using react navigation
Route Config
/**
* Author: Rahul
* Date: 25 Feb 2018
*
* Routes
* @flow
*/
import React from 'react';
import { View, Text } from 'react-native';
import { StackNavigator } from 'react-navigation'...
3
votes
2
answers
1k
views
react native - ios - enabling Larger Text form accessibility messed up everything
So far my app was looking gorgeous but as soon as this "Larger Text" option is enabled from "Accessibility" everything started looking dirty, even the navigation bar.
Please suggest a way to handle ...
3
votes
1
answer
3k
views
React native back button missing icon
I'm developing a react native module for an existing mobile app, using react-navigation component:
import { StackNavigator } from 'react-navigation';
....
const App = StackNavigator({
Main: {
...
1
vote
1
answer
2k
views
React Native: Transparent Stack Navigator in iOS doesn't work
I use a Stack Navigator from React Navigation and want to make it transparent with the following code:
const MyStackNavigator = new StackNavigator({
ScreenOne: { screen: ScreenOne },
},{
...
1
vote
1
answer
354
views
TabNavigator pass different param from each screen to StackNavigator header
I have Question. How can I pass specific param from each screen to the StackNavigator header in order to come out different kind of components when reached the screen.
I have done some research about ...
-1
votes
1
answer
96
views
Expo routes does not support 'swipe back'?
I'm using Expo Router.
Swipe to back does not work when using Link. Is this intentional in Expo Router?
Reproducible & minimal codes is here: https://github.com/ygnoh/expo-router-swipe
Press ...