하위보기 부모보기에서 이동 네이티브 응답

부모 유형이 <View>이고 자식이 <Text>입니다. 텍스트 값이 큰 경우 텍스트가 컨테이너보기 밖으로 이동합니다. 그것을 포함하는 어떤 아이디어? 오후 8시 30 분 P.S. 애니메이션을 추가하고 다시보기로 스크롤해야하기 때문에 텍스트를 잘라내어 "..."을 따라야합니다.하위보기 부모보기에서 이동 네이티브 응답

출처

2016-11-11 Pulkit Sharma

위의 코드의

스크린 샷, @ BurakKarasoy의 코멘트에 추가하려면 프로그래밍 –

폭, React Native는 이제 를 지원하지만 iOS에서만 가능합니다. – jevakallio

이 문제를 해결하려면 flex를 사용하는 것이 좋습니다.

이

<View style={{ 
flex:1, 
flexWrap:'wrap', 
flexDirection:'row', 
justifyContent:'center', 
alignItems:'center', 
marginTop:50}}> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
</View>

여기서 핵심은 flex:1 및 사용 가능한 모든 공간을 사용하고 자신의 주위에 아이를 포장 할 수있는 뷰를 알려주는 flexWrap:'wrap'입니다 : 다음은 간단한 예입니다. 여전히 작동시키지 못한다면 위의 예제에서와 같이 'alignItems'스타일을 지정하십시오. 이 코드

는이 같은 것을 할 수 있습니다 : 당신은 화면의 높이에 따라 글꼴 크기 설정할 수 있습니다

출처

2017-02-11 19:30:13

하위보기 부모보기에서 이동 네이티브 응답

답변

관련 문제