Viewにネストされたテキストは、コンテンツのサイズとしてビューを作成する方法ですか？例えば、私は次のコードしている

Question

：

<View style={styles.container}> 
    <Text> 
    Hello, World! 
    </Text> 
</View> 

const styles = StyleSheet.create({ 
    container: { 
    borderBottomWidth: 1 
    } 
}); 

このコードは、実際に私のテキストに下線なります。しかし、私はこの問題に関連するいくつかの問題があります。テキストを下線付きにするためにborderBottomWidthを使用したため、View（デバイスの幅の100％）の幅はすべて下線付きになります。

質問は私のビューをテキストのコンテキストに従うにはどうすればいいですか？何を意味するのかは、widthプロパティーViewを使用せずに自動的にTextコンテキストの幅に下線を引くだけですか？私の場合は可能でしょうか？

Answer 1

Textコンポーネントに下線スタイルを指定すると、Viewにはなりません。このように：私はコンポーネントをテキストにborderBottomWidthプロパティを使用する場合

<View style={styles.container}> 
    <View style={{flexDirection: 'row'}}> 
     <Text style={styles.textStyle}> 
     Hello, World! 
     </Text> 
    </View> 
    </View> 

const styles = StyleSheet.create({ 
    container: { 
    //what ever you want for view 
    }, 
    textStyle: { 
    borderBottomWidth: 1, 
    paddingBottom: 20, 
    } 
});