Questions tagged [navigation]

1

votes
0

answer
6

Views

Title not working on react-navigation createStackNavigator

I'm using createStackNavigator inside createBottomTabNavigator from react-navigation in my app. I want to have a title on my screen. Following React Navigation's tutorial I've implemented it this way: createBottomTabNavigator( { Home: createStackNavigator( {screen: HomePage, navigationOptions: () =...
Can Poyrazoğlu
1

votes
2

answer
2.6k

Views

React Native - How to manage the native back button with Drawer Navigation

I recreated the Drawer Navigation following this code: https://github.com/mariodev12/react-native-menu-drawer-navigator Everything works correctly but now I do not know how to handle the native button to go back .. I would like to always return to the previous page, but if you press twice in the hom...
Nobady
1

votes
3

answer
1.1k

Views

Swift 4 back button doesn't appear

I have problem... i have two ViewControllers and i use this code to pass from 1st VC to 2nd let storyBoard: UIStoryboard = UIStoryboard(name: 'Main', bundle: nil) let newViewController = storyBoard.instantiateViewController(withIdentifier: 'EVSignInViewController') as! EVSignInViewController self.pr...
George Heints
1

votes
1

answer
35

Views

With Navigation.push (v2 of react native navigation from wix) I am not getting props in destination component. How do I access props?

I am passing props using Navigation.push then trying to get the props as seen below in destination component. Result of attempt: I get 'image of undefined' I am using redux in my react-native-app and redux is working correctly and I can see my data in other components. But when I do push and try to...
rio
1

votes
1

answer
33

Views

Why does my react navigation button not work?

So, I am doing a huge mobile app project for my programming class. We have a 'client' who we're still waiting on to set up the server on their end, so we have a login button but it isn't connected to the database or anything yet. At the moment, I'm just trying to get the login button to navigate to...
longm6
2

votes
0

answer
21

Views

package com.reactnativenavigation does not exist

I am a beginner in react native. Right now I am trying to integrate https://wix.github.io/react-native-navigation/#/ library to my react-native application. for now, I am targeting only the Android platform. I have performed all the steps that are mentioned in the documentation but when I tried to...
baj9032
0

votes
0

answer
4

Views

Deep linking with splash screen and login state

I use Navigation Component. I have app with 2 main parts: 1 splash activity with it's nav_graph 2 main activity with bottom navigation where every menu item has its own nav_graph. The problem is that i cant figure out how to do navigation when notification pops up. So when notification arrived an...
0

votes
0

answer
5

Views

How to make a scrolling list of items in a menu, within a group, in navigation driver activity?

I'm adding to my app navigation driver activity. I need the list of menu items to scroll within the group. I had an idea to do it with ListView, but I didn't find a way to implement it. Maybe someone solved this problem and tell me what to do to the list of items within the group scrolled. Here is a...
DinaD
1

votes
2

answer
5k

Views

How to launch activity from Navigation Drawer?

So I've searched allot about navigation drawers here, and when I was pointed to a tutorial from an answer in another persons question. I did so. I successfully managed to create and style the nav drawer to my liking. But now I've been searching tirelessly on how I can launcher activities from the n...
Robin
1

votes
1

answer
2.1k

Views

React Navigation - How to use this.state in Header navigationOptions?

I have spent a couple hours to find a code to handle the state in navigationOptions, but I don't get it till now, I have a code : static navigationOptions = ({ navigation }) => { const { params = {} } = navigation.state return { headerLeft: navigation.navigate('Home')} style={{margin: DeviceWidth*0...
flix
1

votes
1

answer
960

Views

How to pass this.state value in custom navigationOptions on React-Native

I'm new to React-Native and I'm trying to figure out using React-Native Navigation how to pass values inside my custom header Here's what my Component A looks like with the CustomHeader constructor(props) { super(props); this.state = { sortId: 4 } } componentDidMount() { this.props.navigation...
Sam Bellerose
1

votes
1

answer
2k

Views

Disable swipe gesture from opening the navigation drawer using react-navigation

I am using react-navigation (https://reactnavigation.org) and I am trying to disable the option that the side drawer opens when the user swipes right/left I`ve looked through the documentation and i cant find the options that does the trick const RootStack = createDrawerNavigator( { Login: { screen:...
WalksAway
1

votes
1

answer
32

Views

Proper way to add an AutoSuggestBox to Hamburger Navigation?

I'm just starting to learn UWP and xaml. What is the proper way to add a AutoSuggestBox to the Side Navigation panel? (Sorry for the bad code formatting in advance, copy and paste wasn't great) My Main.xaml has an AutoSuggestArea that I have set to Visible and in the Grid for the AutoSuggestArea I h...
JvaOneShotzXPRX
0

votes
1

answer
5

Views

In React or React Native, setting a color to an SVG

Can you set a prop that normally takes a hex color to an SVG? In React Navigation, the active background (the color of the tab behind the tab icon/text) needs to be an SVG, not a hex color like this: tabBarOptions: { activeTintColor: colors.white, activeBackgroundColor: , inactiveTintColor: colors....
Perry Hoekstra
0

votes
1

answer
7

Views

How to use react navigation outside of a screen

I would like to make my app move to the next page when a code is entered correctly, but I have been having much trouble doing so. I am working in a file names AccessForm.js , which is not a screen but is a component that is included in the access code screen. I tried using this.props.navigation.navi...
Michael Hoefler
1

votes
1

answer
280

Views

DrawerLayoutAndroid in react native

I'm trying 'DrawerLayoutAndroid' in react native with inside the drawer I added the react-navigation 'stackNavigator' to navigate between screen.What I'm trying to do but the problem is when I navigate it opens in the drawer How do I open it full screen as a normal page Is there a better method to...
DEELAKA
1

votes
1

answer
43

Views

DrawerLayout locale does not change

I am making a multi language application. On click of a button I am restating the app via this code : public void triggerRebirth(Context context) { Utility.setRestart(context,true); homeActivity.stopMediaPlayers(); PackageManager packageManager = context.getPackageManager(); Intent intent = package...
Parth Anjaria
1

votes
0

answer
407

Views

I want to pass props to stackNavigator inside tab navigator

I am trying to pass props from login screen to the whole app because every fetch request depend on user credentials so how can I achieve this. routeConfig file: export const sendStack = StackNavigator({ send:{ screen:Send, }, confirm:{ screen:ConfrimPay, } }); export const transactionStack = StackNa...
mohamed aldie
1

votes
2

answer
79

Views

C# Using One Panel As a Placeholder For Multiple Forms

I apologize if this has been addressed already, but I could not find a case that fit my exact situation. So here goes... I have a MainForm that contains a toolStrip1 docked to the left that functions as a vertical navigation bar. I have a panel (pnlMain) filling up the remainder of the form. I wa...
CaptainGenesisX
1

votes
1

answer
805

Views

react-native headerTitleStyle

I am using the StackNavigator and was trying to align the word 'topic' to center vertically. However, adjusting padding and margin does not seem to help. I believe the space above the word is to cater to the status bar. Is there a way around this? The StackNavigator code is below. See image export...
jayque
1

votes
0

answer
42

Views

How to disable the expandable list view icon

i want to disable the expandable list view item on my Navigation drawer. Right now, i disabled the expandable list view Icon on the list view with this Code: android:groupIndicator='@null' But that is not what I want. I want the Icon, if there are submenus on that item. If there are no submenus, th...
Mr Niceguy
0

votes
0

answer
6

Views

How to edit navigation options of current destination?

Is there a way to change NavOptions of currentDestination? I'm trying to change exit animation of a fragment depending on user action, so I could call navigateUp with updated options, but keep animation that is set from graph.xml for back button action.
filip
1

votes
1

answer
418

Views

Error: Failed to execute app and processing manifest.

I have created an app in which after logging in user go to navigation drawer activity but the problem arise when I use Google Map in it by using its API.Firstly, the app is not showing any error in manifest file when I created it but when I run it it shows some errors which are mentioned belo...
M. Umer
1

votes
0

answer
211

Views

'React/RCTRootView.h' file not found after detach from expo

I created a new project with expo and detached it. When I try to run the iOS project in XCode, it gives an error 'React/RCTRootView.h' file not found If I create a new project with react-native init instead, I'm able to build with react-native-navigation successfully. Why does it fail with expo? Ste...
Avery235
1

votes
1

answer
439

Views

Reload AsyncStorage data every time tabbar screen is displayed using React Navigation

I am using React Navigation in a React Native app I'm building and I have a set of screens that are in a TabNavigator. One of the screens may change something in AsyncStorage which will need to reflected in another screen. I tried various different things including setting the tabBarOnPress property...
Youssef Moawad
1

votes
0

answer
70

Views

Clear state.route remove page transition with react-navigation

For performance reasons, i want clear my state.routes and keep only currentRoute and prevRoutes. I put the index alway on 1. But my problem is that slide animation is removed :( My code : const navReducer = (state, action) => { const nextState = AppNavigator.router.getStateForAction(action, state);...
s-leg3ndz
1

votes
0

answer
507

Views

Navigate in React-Native + Redux using React-Navigation between Nested Navigators

I figured out how react-navigation works in general from the official docs. However, I get really confused when I have to deal with Nested Navigators especially in Big Apps. This is the Navigation Structure I have implemented in my app. RootNavigation (Stack Navigator) Splash Screen -> Default Scree...
Kamil Kamili
1

votes
2

answer
462

Views

React native activeBackgroundColor/activeTintColor for custom sidebar

I'm calling custom sidebar inside DrawerNavigator. I'm trying to set active tint color and active background color for selected menu. const DrawerStack = DrawerNavigator( { ProfileScreen: { screen: ProfileScreen }, Home: { screen: DashboardScreen }, }, { contentOptions: { activeTintColor: '#e91e63'...
Gourav Kumar
1

votes
2

answer
222

Views

Icon navigation menu

I'm trying to add an area to my navigation on the right hand side, I only want it to contain the three icons which are basket, search and the wish list. Does anyone know what the best way would be to achieve this? I'm currently using the Divi theme on this site. Also, I'm trying to use an icon ins...
1

votes
0

answer
327

Views

Close drawer when navigating to top StackNavigator

In most of the app from google as for example (contact, gmail, ...) whenever you click on an menu entry like 'settings' / 'profile' / 'logout' it close the drawer and then (once animation finished) open on top the 'settings' / whatever view. I have the same need as I have a StackNavigator with [Side...
max54
1

votes
1

answer
1.1k

Views

Clear stack being navigated to React-Navigation

My react-native application consists of a DrawerNavigator that contains several StackNavigators. A simplified example of my structure looks like this - Drawer - Stack 1 - Screen 1 - Screen 2 - Stack 2 - Screen 1 - Screen 2 My problem is the following: I am on Screen 1 of Stack 1. I navigate to scre...
wizloc
1

votes
0

answer
339

Views

ScreenVisibilityListener in react-native-navigation

I am using the code below to register to know the changes of the screens. Problem when I use SharedElementTransition. to push on a screen. It does not fire the event that was logged. Has anyone ever experienced this? version: react-native-cli: 2.0.1 react-native: 0.47.1 react-native-navigation:1.1.2...
Bruno Alves
1

votes
2

answer
151

Views

[RN][IOS]Is it possible to use react native RCTLinking in conjonction with RNFirebase dynamic links?

I am currently handling ios universal links through the RCTLinking API. For some reasons, I need to work with Firebase dynamic links and I am wondering if it is possible to use both in my app. My issue is that the implementation in : - (BOOL)application:(UIApplication *)application openURL:(NSURL *)...
user3193920
1

votes
0

answer
149

Views

Android Studio - same menu for all activities (Navigation Drawer)

I'm new to Android Studio (and also pretty new to javascrips), so this might be a stupid question. I do not want to maintain the same code more than once if possible, which is why I am trying to create a navigation-menu, to be used in all my activities. So far I have created a 'BaseActivity' that c...
Zwax
1

votes
1

answer
500

Views

How to load custom fonts using CRNA and Expo

This is my File Structure in App.js import React, { Component } from 'react'; import { Font } from 'expo'; import Index from './src/index'; export default class App extends Component { //checking state for if font is loaded or not. state = { fontLoaded: false, }; async componentDidMount() { await Fo...
William Navarrete
1

votes
1

answer
43

Views

Padding and removing white in css [duplicate]

This question already has an answer here: CSS margin terror; Margin adds space outside parent element 5 answers New to the world of html and css, and currently making my own one page website. I'm having a couple of issues with padding and removing white in css. Firstly, i can't remove the block of...
1

votes
1

answer
124

Views

How to scale down the screen view using react-navigation with DrawerNavigator?

I want to scale down the screen view when the Drawer Content is open using react-navigation with DrawerNavigator. You can see the expected behavior here. I'm not sure if is it possible, so suggestions using react-navigation are welcome.
Beto Muniz
1

votes
1

answer
26

Views

Dropdown navigation Menu without using fixed height?

This is a simple dropdown navigation menu. The problem here that the dropdown menu doesn't appear if i don't give it a fixed height. Is there a way to make it appear without giving it a fixed height? And if there any other modifications or ameliorations that can be useful please tell me. Thank you....
Omar Elkaram
1

votes
2

answer
234

Views

How to navigate from one page to other page in the page constructor in Xamarin forms

i am using xamarin forms and i have a scenario where i have 3 pages(content pages) . In page1 on the click of a button i need to goto page2. and in the the page2 check a flag to decide whether to stay in page2 or redirect to page3. i am trying to do this logic in page 2 constructor and my Navigatio...
VKR
1

votes
0

answer
232

Views

How to connect a tab navigator to redux?

I am new to redux and I need to call for an action inside the onPress method as shown here const HomeTabNavigation = TabNavigator( { Profile: { screen: Profile }, PhotoCard: { screen: PhotoCard }, Chat: { screen: Chat } }, { tabBarComponent: props => { return ( { if (props.navigation.state.index !==...
Ahmed Samy

View additional questions