Question

我是RN的新手，我正在做一个测试页面，按一个按钮来加载diff模块。不喜欢。

<TouchableOpacity onPress={this._loadM.bind(this,0)}>
<Text style={styles.switchItemTxt}>item0</Text>
</TouchableOpacity>
<TouchableOpacity onPress={this._loadM.bind(this,1)}>
<Text style={styles.switchItemTxt}>item1</Text>
</TouchableOpacity>

<ScrollView style={styles.scrolls} automaticallyAdjustContentInsets={false}>
//if item0 pressed load ModuleOne
<ModuleOne />
// else load ModuleTwo
<ModuleTwo />
</ScrollView>

感谢任何帮助。

Answer 1

回答自己：

var CurrentMoudle = require('./module1');

_loadM(e) {
switch (e) {
  case 0:
    CurrentMoudle = require('./module1');
    break;
  case 1:
    CurrentMoudle = require('./module2');
    break;
  default:
    CurrentMoudle = require('./module1');
    break;
}
// reload page
this.forceUpdate();
}


<TouchableOpacity onPress={this._loadM.bind(this,0)}>
   <Text>item1</Text>
</TouchableOpacity>
<TouchableOpacity onPress={this._loadM.bind(this,1)}>
   <Text>持仓</Text>
</TouchableOpacity>

<ScrollView style={styles.scrolls}>
   <CurrentMoudle />
</ScrollView>

如何在当前页面中加载动态模块？

1 个答案: