Как сверстать такое в React Native?

Question

[Coder321]

Есть такая разметка

<View style={{
            flex: 1,
            margin: 5
        }}>
            <Text style={{
                fontSize: 16
            }}>  Какой то текст!
            </Text>
            <View>
                <Text style={{
                    fontSize: 16
                }}>  Какой то текст! Кликните что бы перейти </Text>
                <TouchableOpacity>
                    <Text style={{
                        fontSize: 16,
                        color: 'blue'
                    }}>кликните сюда</Text>
                </TouchableOpacity>
            </View>
        </View>

Нужно получить что то вроде этого

<div>
        <span>Some text  <a href="#">Click here</a></span>
    </div>

Как сделать так, что бы TouchableOpacity расположилось сразу после 'Кликните что бы перейти', а не с новой строки?

Answer 1

[Роман Александрович]

<View style={{flexDirection:'row'}}>
                <Text style={{
                    fontSize: 16
                }}>  Какой то текст! Кликните что бы перейти </Text>
                <TouchableOpacity>
                    <Text style={{
                        fontSize: 16,
                        color: 'blue'
                    }}>кликните сюда</Text>
                </TouchableOpacity>
            </View>

папробуйте так

Comments

[Coder321]

так не получается, становится сбоку тега Text но не в конце самого текста, чуток поправил вопрос

[Роман Александрович]

Coder321, покажите как сейчас и что вы хотите что бы получилось

[Роман Александрович]

Coder321,

<View style={{flexDirection:'row'}}>
                <Text style={{
                    fontSize: 16
                }}>  Какой то текст! Кликните что бы перейти </Text>
                <TouchableOpacity style={{alignSelf:'flex-start'}}>
                    <Text style={{
                        fontSize: 16,
                        color: 'blue'
                    }}>кликните сюда</Text>
                </TouchableOpacity>
            </View>

[Coder321]

Роман Александрович,

[Роман Александрович]

Coder321,

<View style={{flexDirection:'row'}}>
                        <Text style={{flexWrap:'wrap',alignContent:'stretch',flex:1}}>
                            Какой то текст! Кликните что бы перейти Какой то текст!
                        </Text>
                        <TouchableOpacity style={{position:'absolute',bottom:0,right:0}}>
                            <Text >кликните сюда</Text>
                        </TouchableOpacity>
                    </View>