React Native の重要なコア コンポーネントをリストする

React Native の最も重要なコア コンポーネントは次のとおりです-

アプリが Android デバイスに表示されると、 コンポーネントは アプリが Android デバイスに表示されるとき、 コンポーネントアプリケーションが Android デバイスの <画像> コンポーネントを認識したときアプリが IOS デバイスで表示されると、Scrollview - アプリケーションが Android デバイスで表示されると、 コンポーネントは <に変わります。 ;ScrollView>

に変わります。

アプリケーションが Android デバイスに表示されるとき、コンポーネントは Text、View、Image、ScrollView、TextInput を使用するには、次の操作を行う必要があります。以下に示すように、react -native import コンポーネントから開始します-

import { View, Text, Image, ScrollView, TextInput } from 'react-native';

View コンポーネントは主にテキスト、ボタン、画像などを保存するために使用されます。このコンポーネントの使用法は次のとおりです-

React Native コンポーネント	Android ネイティブ ビュー	IOS ネイティブ表示	Web ブラウザ	説明
#表示-<表示>	##アプリが IOS デバイスに表示されると、 コンポーネントが変更されますWeb ブラウザで表示すると、 コンポーネントは タグ	## に変更されます。は、フレックスボックス レイアウトをサポートするコア コンテナーです。タッチ操作も管理します。		Text -
に変更されます。アプリケーションが IOS デバイスで表示されると、 コンポーネントは	# に変更されます。 # Web ブラウザで表示すると、 コンポーネントは、ユーザーにテキストを表示するために使用される タグ	に変わります。スタイルやタッチイベントも処理します。		画像 - <画像>
に変更されます。 コンポーネントは	に変更されます。 Web ブラウザで表示すると、 コンポーネントは、画像の表示に使用される タグ	に変わります。
アプリケーションが IOS デバイスで表示されると、 コンポーネントは	に変わります。 Web ブラウザで表示すると、 コンポーネントは、コンポーネントとビューのスクロール コンテナを含む タグ		TextInput -
に変更されます。アプリケーションが IOS デバイスで表示されると、 コンポーネントは から ## に変更されます。	# コンポーネントが Web ブラウザで表示されると、 タグに変更されます。	ユーザーがテキストを入力できる入力要素	例	以下は、、、、、

<View>
   <Text style={{ padding:"10%", color:"red" }}>Inside View Container</Text>
   <Image
      source={{
         uri: &#39;https://www.tutorialspoint.com/react_native/images/logo.png&#39;,
      }}
      style={{ width: 311, height: 91 }}
   />
</View>

その中にはテキストと画像のコンポーネントがあります。 ScrollView コンポーネントは、View、Text、Image、Button、およびその他の React Native コンポーネントを処理する親コンポーネントのように動作します。

import React from 'react';
import { View, Text, Image, ScrollView, TextInput } from 'react-native';

const App = () => {
   return (
      
         Welcome to TutorialsPoints!
         
            Inside View Container
            
      
      
      
   );
}
export default App;

出力

p>

以上がReact Native の重要なコア コンポーネントをリストするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。