이미지와 함께 텍스트로 묶습니다

Question

나는 네이티브로 작업하고 있으며 이미지로 텍스트를 묶고 싶습니다.

은 패키지 나이 효과처럼 어떤 소품이 있습니까이 원하는 출력을 제공한다

Answer 1

(스크린 샷 참조)

<View style = {{flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center'}})> 
    <Image ...> 
    <Text style = {{flex: 1}}>Hello</Text> 
    <Image ...> 
</View> 

편집 :. 변경 alignItems ->jusitfyContent 그리고 flex: 1에 Text 구성 요소를 더함

EDIT : 두 번째 스크린 샷을 기반으로 한 솔루션입니다. 반응 네이티브 Text 구성 요소가 하위보기를 지원합니다.

<View style = {{flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center'}})> 
    <Image ...> 
    <Text style = {{flex: 1}}>Hello 
     <Image ...> 
    </Text> 
</View> 

당신은 당신이 원하는 방법을 위치하기 위해 CSS 소품들을 플레이 할 수 있지만이 작동합니다.