React Antialable -touchable Highlight渲染空白

Question

以下组件没有显示任何内容，也没有发出错误或警告。知道为什么？

class Main extends Component {
  render() {
    return (
      <View>
        <TouchableHighlight
          onPress={...}
          style={styles.main}
          >
          <Text>
            Some text
          </Text>
        </TouchableHighlight>
      </View>
    )
  }
}
const styles = StyleSheet.create({
  main: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center'
  }
})

Answer 1

刚刚发现，问题是将样式属性传递给了touchableHighlight组件。将样式支柱移动到视图组件解决问题。