私は解決策を追ってみましたReact Nativeで表示をシミュレート: インラインしかしそれは仕事ではありません。
HTMLと同じように同じことをしたいのですが
最初の行は短いので問題ないように見えますが、2 行目のコンテンツが長すぎるため、次の行に進む前にすべてのスペースを埋める必要があります。
<View style={styles.contentView}>
<Text style={styles.username}>{s_username}</Text>
<Text style={styles.content}>{s_content}</Text>
</View>
contentView: {
paddingLeft: 10,
flex: 1,
flexDirection:'row',
flexWrap:'wrap'
},
username: {
fontWeight: 'bold'
},
content: {
},
ベストアンサー1
React Nativeはサポートしていますネストされた Text
コンポーネント、そして、望ましい結果を得るにはこれを使用する必要があります。たとえば、次のように、2 番目のテキスト コンポーネントを 2 番目のテキスト コンポーネント内にネストする必要があります。
<View style={styles.contentView}>
<Text>
<Text style={styles.username}
onPress={() => {/*SOME FUNCTION*/} >
{s_username}
</Text>
<Text style={styles.content}>{s_content}</Text>
</Text>
</View>