reactjs - style.container を使用して React Native スタイルが表示されない

Question

私は React Native を学んでいて、いくつかの簡単なスタイリングを に適用していViewます。しかし、スタイリングはまったく現れていません。私は何を間違っていますか？

import React, { Component } from 'react'
import { Text, View } from 'react-native'

export default class Header extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text> Hello </Text>
      </View>
    )
  }
}

const styles = {
    container: {
        backgrounColor: '#ddd',
        color: 'red',
        paddingTop: 14
    }
}

それを変更する<View style={{backgroundColor: '#ddd', color: 'red', paddingTop: 14}}>とうまくいくのですが、最初のアプローチがうまくいかないのはなぜですか?

私は使っている：

反応ネイティブ cli: 2.0.1 および反応ネイティブ: 0.57.8