On my React Native project, I have current have two Tab Screens: a home page and a profile page. The home page is just a flatlist. How do I make it so if the user is on the home page, and they click on the home page icon again, the flatlist scrolls to the top?
You could use Scroll to top with React Navigation.
https://reactnavigation.org/docs/use-scroll-to-top/
Related
I have an app with a bottomtab with 4 tabs. I want that when I'm already on my "Home" screen, if I press the home bottomtab again in the menu, the screen will be refreshed, and it will eliminate that cache that it has. someone know how to I can do?
Is there a way to prevent the drawer from closing when a navigation link is clicked in React Navigation? I want the user to be able to click a link in the navigation drawer, see that the screen has changed in the background (& if they swipe away from the drawer, they see the new screen), however the drawer does not close unless they manually swipe away.
I need help in React Navigation when I create a tab bar like I have button home and I want to access another screen in the Home with show tab bar inside it to keep selected on the Home icon.
First Screen
Second Screen
I want show tabBar with continue select Home button.
This solved my problem by A stack navigator for each tab.
https://reactnavigation.org/docs/tab-based-navigation/?fbclid=IwAR071_HAYPP9NYGbVHq88j1ZssyBn8226Qnne_PzUdGdIM56XrVD5shU10c#a-stack-navigator-for-each-tab
I think you should have a variable that would keep track of the home page and when you are on it and thus provide the styling you need on the homepage icon....and when you are in the second screen it should be still be set to true so nothing changes
I am taking a bottom tab navigator which is having five screens. At third screen which is home screen I want to open modal which contain 2 buttons. When user click on home button show modal and hide tab navigator and when user click anywhere at screen it gets out from modal .
I want functionality like this issue on GitHub presented :
https://github.com/react-navigation/react-navigation/issues/1059.
You can handle click on tab using next https://reactnavigation.org/docs/navigators/tab#tabBarOnPress
So in tabBarOnPress you can implement your custom logic ( open modal, trigger redux action, etc... )
I'm using the StackNavigator from react-navigation and I'm trying to customize the navigation process.
On one screen, I have two buttons that both use the "navigate" function to redirect the user to the same screen (which is a scrollview). Is there any way to have one of the buttons scroll down to a different part of the screen after navigating?