Tab에서 선언한 컴포넌트에게 props로 전달하는법

작성한 질문수 1

0

kimhj4268님,

안녕하세요. 지식공유자 Wintho 입니다.

해당 질문에 답변 드립니다.

props를 통한 데이터 전달은 부모/자식 관계가 형성되어야 합니다.

우선, HomeScreenTab과 firstTab이 부모/자식 관계가 맞는지부터 확인을 하셔야 하고, 만일 화면간 데이터 전달이 목적이라고 하신다면 screen을 정의하는 이 코드에서 구현할 필요는 없습니다.

각 화면을 정의하는 파일에서 화면 간 이동 이벤트를 발생시키는 컴포넌트가 있을텐데 그곳에서 자식 클래스로 넘길 데이터를 정의하시기 바랍니다.

e.g. A화면 -> B화면 이동

. A화면 정의 파일

<TouchableOpacity

            onPress={()=>{

              this.props.navigation.push('B', {

                dataA: true,

                dataB: 100,

              })

            }}

>

     <Image

        source={require('../../assets/images/sample.png')}

        style={{width: 50, height: 50}}

        esizeMode="contain"

      />

</TouchableOpacity>

감사합니다.