React native 如何在带有React Native的render（）中仅返回1次？

如何使用React Native在

render（）

中仅返回1次？请参见

中的渲染方法

这里是一个游乐场版本：

视图应该是全屏的，就像在这个游乐场：

“严格使用”；
var React=require（'React-native'）；
变量{
评估学，
样式表，
文本，
看法
卷轴视图
}=反应；
var SampleApp=React.createClass({
getInitialState:函数（）{
返回{
“两个”
};
},
_renderViewOne:函数（）{
返回(
我喜欢有趣的蛋糕。
);
},
_renderViewTwo:函数（）{
返回(
贾斯汀·贝伯应该唱《鞭打金属》。
);
},
render:function（）{
var showJSX=''；
if（this.state.whichView=='one'）{
showJSX=（this._renderViewOne（））；
} 
否则{
showJSX=（this._renderViewTwo（））；
}
返回(
{showJSX}
);
}
});
var styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
背景颜色：“#F5FCFF”，
},
选项卡内容：{
弹性：1，
对齐项目：“居中”，
},
选项卡文本：{
颜色：'白色'，
差额：50，
}
});
AppRegistry.registerComponent（'SampleApp'，（）=>SampleApp）；

我已经将showJSX var业务提取到另一个方法中，因此它更干净

render: function() {  
  return (
    <ScrollView style={styles.bigContainer}>
      {this.viewPicker()}
    </ScrollView>
  );
},

viewPicker: function() {
  if ( this.state.whichView === 'one' ) {
    var showJSX = (this._renderViewOne());
  } 
  else {
    var showJSX = (this._renderViewTwo());
  }

  return showJSX;
}

render:function（）{
返回(
{this.viewPicker（）}
);
},
viewPicker:函数（）{
if（this.state.whichView=='one'）{
var showJSX=（this._renderViewOne（））；
} 
否则{
var showJSX=（this._renderViewTwo（））；
}
返回showJSX；
}

您在滚动视图中缺少了

flex:1

和

backgroundColor:“blue”

---

谢谢。就在我睡着之前，我意识到我的主视图已经崩溃了。我不确定让一个视图包装另一个视图是否合法。谢谢你的干净代码。

render: function() {  
  return (
    <ScrollView style={styles.bigContainer}>
      {this.viewPicker()}
    </ScrollView>
  );
},

viewPicker: function() {
  if ( this.state.whichView === 'one' ) {
    var showJSX = (this._renderViewOne());
  } 
  else {
    var showJSX = (this._renderViewTwo());
  }

  return showJSX;
}