Tab blinks when mounted for the 1st time about react-router-navigation HOT 5 CLOSED

That's something very specific that could be resolved by writing a custom <BottomNavigation /> :

import React from 'react'
import { TabStack } from 'react-router-navigation'
import { TabViewAnimated } from 'react-native-tab-view'

class CustomBottomNavigation extends React.Component {
  renderScene = () => {
    // Load tabs lazily with your own needs
    // (return null or the current scene)
  }
  render() {
    return (
      <TabStack
        {...this.props}
        render={({ navigationState }) => (
          <TabViewAnimated
            navigationState={navigationState}
            configureTransition={() => null}
            renderScene={this.renderScene}
            renderFooter={/* Render a bottom tab bar */}
          />
        )}
      />
    )
  }
}

export default CustomBottomNavigation

from react-router-navigation.

Thanks for your feedback @CharlesMangwa.

<BottomNavigation /> will implement 2 new props for next release (beta) :

• lazy boolean : whether to load tabs lazily when you start switching
• style StyleSheet : override or extend the default style for <View /> container

What do you think about this?

from react-router-navigation.

Sounds like a nice idea! But would it mean that all the tabs could just be whether "lazily mounted" or not? In other words: would we have the possibility to choose which tab to load or not?

from react-router-navigation.

Thx! That's exactly what I had in mind: looking forward to seeing the next update 👌

from react-router-navigation.

New props lazy and style added - dd9a6b8

from react-router-navigation.