Couldn't recreate in Snack but I linked one anyway. This issue only appeared after updating my react and react-native packages.
However after I click to a different tab and click back to the first tab, the bar disappears: So when I first enter a screen that has a tab view, there is a weird white bar at the bottom of the tab screen. | react-native-reanimated | 1.0.0-alpha.12
React native tabview android#
The same code works in Android 8 but not in 9. ZygoteInit.java:858 Code Screenshots (if applicable) What have you tried React native tab view should work for 1 and above routes.Įrror while updating property 'transform' of a view managed by: RCTView We are not able to create a tab view with one route on Android 9 and react native 0.59 I put import 'react-native-gesture-handler' at the top of root file index.js. I updated react-native-tab-view to 2.13.0. So I believe, it's related to your library. It's only your library in my project which uses reanimated and react-native-gesture-handler together, and it happens on react-native-tab-view components. Expected behaviourĪndroid doesn't have crash when I scroll. You scroll to the end and then you try to scroll the last item more and more few times, but it's the last item so app just crashed after few scrolls. If your renderScene function is expensive, it's good idea move each route to a separate component if they don't depend on the index, and use shouldComponentUpdate or mo in your route components to prevent unnecessary re-renders.Īndroid crashes when I scroll to the end of tabs. The renderScene function is called every time the index changes. Optimization Tips Avoid unnecessary re-renders For example, it's possible to dynamically change the rendered tabs. Note that some functionalities are not available with the React Navigation 4 integration because of the limitations in React Navigation. react-navigation-tabs for React Navigation 4.want to be able to navigate to a tab using navigation.navigate etc, you can use the following official integrations: If you want to integrate the tab view with React Navigation's navigation system, e.g. Using with other libraries React Navigation Style to apply to the inner container for tabs. Style to apply to the container view for the indicator. If you want them to take their original width, you can specify width: 'auto' in tabStyle. Style to apply to the individual tab items in the tab bar.īy default, all tab items take up the same pre-calculated width based on the width of the container. bouncesīoolean indicating whether the tab bar bounces when scrolling. If you set scrollEnabled to true, you should also specify a width in tabStyle to improve the initial render. scrollEnabledīoolean indicating whether to make the tab bar scrollable. Opacity for pressed tab (iOS and Android < 5.0 only). pressColorĬolor for material ripple (Android >= 5.0 only). inactiveColorĬustom color for icon and label in the inactive tab. Import * as React from 'react' import įunction to execute on tab long press, use for things like showing a menu with more options activeColorĬustom color for icon and label in the active tab.
0 kommentar(er)
