☰

spanのようなネイティブテキストに反応する 質問する

tag-icon • tag-icon react-native
spanのようなネイティブテキストに反応する 質問する

私は解決策を追ってみました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>

おすすめ記事