与世博会做出反应

时间:2018-03-15 13:39:37

标签: react-native expo

我正在使用expo框架做一个android应用程序。我是一个反应原生的初学者,我需要一些帮助来理解一个奇怪的行为。

为什么这个代码在第二次编译时没有编译?我只需添加一个空的View节点。

render() {
  if (this.state.isLoading) {
    return (
      <View style={{flex: 1, paddingTop: 20}}>
      <ActivityIndicator />
      </View>
    );
  }

  return (
    <Text style={styles.getStartedText}>
      Questionary:
    </Text>
  );
}

此代码未编译:

render() {
  if (this.state.isLoading) {
    return (
      <View style={{flex: 1, paddingTop: 20}}>
      <ActivityIndicator />
      </View>
    );
  }

  return (
    <Text style={styles.getStartedText}>
      Questionary:
    </Text>

    <View></View> //because of this !!
  );
}

1 个答案:

答案 0 :(得分:2)

return中,您只能拥有一个节点,因此您需要将所有节点(TextView)与父节点包装在一起:

  return (
    <View>
      <Text style={styles.getStartedText}>
        Questionary:
      </Text>

      <View></View>
    </View>
  );