* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

강의 2-4 39분35초경 flexdirection 코드 삽입에 에러가 나옵니다 밑에 backgroundColor:"orange"에 빨간 밑줄이 그어져 있는게 의심되긴합니다

import React from 'react';

import { StyleSheet, Text, View } from 'react-native';

export default function App() {

  return (

    <View style={styles.container}>

      <View style={styles.containerOne}>

      </View>

      <View style={styles.containerTwo}>

        <View style={styles.innerOne}>

        </View>

        <View style={styles.innerTwo}>

          <Text>!!컨텐츠!!</Text>

        </View>

      </View>

    </View>

  );

}

const styles = StyleSheet.create({

  container: {

    flex:1

  },

  containerOne: {

    flex:1,

    backgroundColor:"red"

  },

  containerTwo:{

    flex:2,

    flexDirection:"row",

    backgroundColor:"yellow"

  },

  innerOne: {

    flex:1,

    backgroundColor:"blue"

  },

  innerTwo: {

    flex:4,

    justifyContent:"center",

    backgroundColor:"orange"

  }

});

import React from 'react';

import { StyleSheet, Text, View } from 'react-native';

export default function App() {

  return (

    <View style={styles.container}>

      <View style={styles.containerOne}>

      </View>

      <View style={styles.containerTwo}>

        <View style={styles.innerOne}>

        </View>

        <View style={styles.innerTwo}>

          <Text>!!컨텐츠!!</Text>

        </View>

      </View>

    </View>

  );

}

const styles = StyleSheet.create({

  container: {

    flex:1

  },

  containerOne: {

    flex:1,

    backgroundColor:"red"

  },

  containerTwo:{

    flex:2,

    flexDirection:"row",

    backgroundColor:"yellow"

  },

  innerOne: {

    flex:1,

    backgroundColor:"blue"

  },

  innerTwo: {

    flex:4,

    justifyContent:"center",

    flexdirection:"row"

    backgroundColor:"orange"

  }

});