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
)
在性能和可伸缩性方面获得此基础意味着正确的目标。最好的方法是什么?