Aquí hay un ejemplo, este código define HelloWorldApp, un nuevo componente:

import React from 'react';
import {Text, View, StyleSheet} from 'react-native';

const styles = StyleSheet.create({
  center: {
    alignItems: 'center',
  },
});

const Greeting = props => {
  return (
    <View style={styles.center}>
      <Text>Hello {props.name}!</Text>
    </View>
  );
};

const LotsOfGreetings = () => {
  return (
    <View style={[styles.center, {top: 50}]}>
      <Greeting name="Rexxar" />
      <Greeting name="Jaina" />
      <Greeting name="Valeera" />
    </View>
  );
};

export default LotsOfGreetings;
เริ่มต้นด้วยตัวอย่าง, โดยพื้นฐานแล้วกำหนด HelloWorldApp, หรือส่วนประกอบใหม่: นำเข้า React จาก 'react'; นำเข้า {Text, View, StyleSheet} จาก 'react-native'; const styles = StyleSheet.create({ center: { alignItems: 'center', }, }); const คำทักทาย = อุปกรณ์ประกอบฉาก => { กลับ ( <ดู style={styles.center}> <Text>สวัสดี {props.name}!</Text> </View> ); }; constLotOfGreetings = () => { return ( <View style={[styles.center, {top: 50}]}> <Greeting name="Rexxar" /> <Greeting name="Jaina" /> <Greeting name= "วาลีรา" /> </View> ); }; ส่งออกเริ่มต้นLotOfGreetings;
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence