リアクションネイティブ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コンポーネントに移動すると、問題が修正されます。