React Native调用函数在渲染中打开对话框

时间:2017-08-08 23:33:54

标签: javascript reactjs render native jsx

我在本机应用程序中使用此库(https://github.com/jacklam718/react-native-popup-dialog/blob/master/README.md)打开一个对话框。到目前为止,我遵循他们拥有的示例代码,它对我很有用:

import PopupDialog from 'react-native-popup-dialog';

<View style={styles.container}>
  <Button
    text="Show Dialog"
    onPress={() => {
      this.popupDialog.show();
    }}
  />
  <PopupDialog
    ref={(popupDialog) => { this.popupDialog = popupDialog; }}
  >
    <View>
      <Text>Hello</Text>
    </View>
  </PopupDialog>
</View>

我遇到的问题是在我的屏幕首次加载时打开对话框。我尝试过这样的事情:      {this.popupDialog.show()}和{()=&gt; this.popupDialog.show()}以及其他不起作用的变体。我希望能够打开对话框,无需单击按钮即可调用onPress()函数。任何人都可以在正确的地方指导我。

1 个答案:

答案 0 :(得分:0)

您可以使用组件生命周期来调用scala 2.11.8函数。

尝试将此添加到您的视图脚本中:

popupDialog.show()

https://facebook.github.io/react/docs/state-and-lifecycle.html

了解有关状态和生命周期的更多信息

希望这有帮助。