React-native-view
提供:Dev Guides
React Native-ビュー
ビューは、React Nativeで最も一般的な要素です。 これは、Web開発で使用される div 要素に相当すると考えることができます。
ユースケース
次に、いくつかの一般的な使用例を見てみましょう。
- コンテナ内に要素をラップする必要がある場合、 View をコンテナ要素として使用できます。
- 親要素内により多くの要素をネストする場合、親と子の両方を*表示*にすることができます。 必要な数の子を持つことができます。
- さまざまな要素のスタイルを設定する場合、 style プロパティ、 flexbox などをサポートしているため、それらを View 内に配置できます。
- View は、さまざまな目的に役立つ合成タッチイベントもサポートしています。
前の章ではすでに View を使用していましたが、ほぼすべての後続の章でも使用します。 View は、React Nativeのデフォルト要素と見なすことができます。 以下の例では、2つのビューと1つのテキストをネストします。
App.js
import React, { Component } from 'react'
import { View, Text } from 'react-native'
const App = () => {
return (
<View>
<View>
<Text>This is my text</Text>
</View>
</View>
)
}
export default App