反应本地条件渲染或显示:无主导航

时间:2020-03-19 13:29:38

标签: react-native conditional-statements render display

React Native在显示和隐藏屏幕方面的最佳实践是什么。

以简单的标签导航为例,该标签显示相应屏幕的内容。

一种方法是在单击选项卡项目时用屏幕名称更新状态,然后使用相同的状态来确定屏幕是否具有显示样式:flex或display:none。

例如this.state.screen == this.props.name ? {display:flex} : {display:none}

第二个选项是有条件地呈现内容。鉴于状态改变后仍会进行渲染,因此考虑到应用程序可能会增加大小和比例,这是否是一个更好的选择。

this.state.screen == this.props.name ? 
    return (
      // That screens content
    )

在性能和可伸缩性方面获得此基础意味着正确的目标。最好的方法是什么?

0 个答案:

没有答案