인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

강용석님의 프로필 이미지
강용석

작성한 질문수

배달앱 클론코딩 [with React Native]

<></>는 어떤 용도일까요?

해결된 질문

작성

·

212

0

function HomeScreen({navigation}: HomeScreenProps) { const onClick = useCallback(() => { navigation.navigate('Details'); }, [navigation]); //justifyContent: 'center' 세로 중앙정렬 view가 두개일때 뷰의퍼센트 = view에서 지정한flex/flex의 총합 //TouchableHighLight => Button대신 많이 씀 요즘은 Pressable을 많이 씀.(운영체제마다 통일되게하기 위해서 Pressable을 많이 씀) //<Text style={{color:'white'}}>Home Screen</Text> 여기에 color를 줘야 함 왜냐 하면 Home Screen색깔이기때문에 Pressable이나 View에서 Color를 지정할수 없음. //navigation.navigate('Details'); Details는 Screen에 name이다. return ( <> --> 이놈은 단순히 View를 두개 쓰기 위해서 쓰인건가요? 아니면 다른 용도가 있을까요? <View style={{flex: 1, backgroundColor: 'yellow',alignItems: 'center', justifyContent: 'center'}}> <Pressable onPress={onClick} style={{paddingHorizontal: 20, paddingVertical: 40, backgroundColor: 'blue'}}> <Text style={{color:'white'}}>Home Screen</Text> </Pressable> </View> <View style={{flex: 2, backgroundColor: 'orange'}}><Text>Second</Text></View> </> ); }

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네 View를 두 개 쓰기 위함입니다. 리액트에서는 루트 태그가 하나여야만 하거든요.

강용석님의 프로필 이미지
강용석
질문자

답변해 주셔셔 감사합니다. 

강용석님의 프로필 이미지
강용석

작성한 질문수

질문하기