네이티브 스타일 반응 확인란과 텍스트 분리

Question

응용 프로그램에 대한 등록 페이지를 만들려고합니다. 이용 약관을 수락하기위한 확인란을 지정하고 싶지만 확인란 왼쪽을 텍스트의 왼쪽에 약간 두는 방법을 찾을 수 없습니다. 현재, 그것은 둘 사이에 비 분리 공백을 추가하는 텍스트의 첫 글자

<View style={{flexDirection: 'row', alignItems: 'center'}> 
    <CheckBox style =checked={this.state.agreeTNCs} onPress={() => this.setState({agreeTNCs: !this.state.agreeTNCs})} testID="tncsBox"/> 
    <Hyperlink linkStyle={{color: '#2980b9'}} onPress={() => this.props.screenChangeHandler(routes.loggedOut.termsAndConditions)}> 
     <Text>I agree to the Nowzi Terms and Conditions</Text> 
    </Hyperlink> 
</View> 

Answer 1

에 한번에 넣어 :

<View style={{flexDirection: 'row', alignItems: 'center'}> 
    <CheckBox style =checked={this.state.agreeTNCs} onPress={() => this.setState({agreeTNCs: !this.state.agreeTNCs})} testID="tncsBox"/> 
    &nbsp; 
    <Hyperlink linkStyle={{color: '#2980b9'}} onPress={() => this.props.screenChangeHandler(routes.loggedOut.termsAndConditions)}> 
     <Text>I agree to the Nowzi Terms and Conditions</Text> 
    </Hyperlink> 
</View>