反应原生渲染主要的另一个组件

Question

我想在主要组件中渲染另一个组件，这样用户就不会面对白色屏幕了！ 我正在使用反应导航中的TabNavigator，当我想在标签之间切换时，我会面对白色屏幕一秒钟（似乎需要一秒钟来渲染）。 我想第一个渲染第二个标签，这样我就可以获得更好的用户体验！ 附： ：我的组件在单独的文件中！

主要

export default class AdCalc extends React.Component {
  render() {
    return (
      <View>
        <Text>
          TEST
        </Text>
      </View>
    );
  }
}

和我的孩子：

export default class Child extends React.Component {
  render() {
    return (
      <View>
        <Text>
          This is child!
        </Text>
      </View>
    );
  }
}

  

提前感谢！

Answer 1

您可以使用反应导航TabNavigatorConfig的懒惰道具。传递lazy = {false}，以便您的视图可以在初始启动时加载。那你就不会看到这样的画面了。