ReactNative-表示

ビューは、ReactNativeで最も一般的な要素です。あなたはそれを同等のものと見なすことができますdiv Web開発で使用される要素。

ユースケース

ここで、いくつかの一般的な使用例を見てみましょう。

要素をコンテナ内にラップする必要がある場合は、次を使用できます。 View コンテナ要素として。
親要素内により多くの要素をネストする場合は、親と子の両方をネストできます。 View。それはあなたが望むだけ多くの子供を持つことができます。
さまざまな要素のスタイルを設定する場合は、それらを内部に配置できます View サポートしているので style プロパティ、 flexbox 等
View また、さまざまな目的に役立つ合成タッチイベントもサポートしています。

すでに使用しています View前の章で使用し、後続のほとんどすべての章でも使用します。ザ・ViewReactNativeのデフォルト要素と見なすことができます。以下の例では、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

出力