Реагировать Родной 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 устраняет проблему.