React Native TouchableHighlight呈現爲空

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組件的樣式屬性。將樣式道具移動到View組件可以修復問題。