MyFirstApp/
├── android/             # โฟลเดอร์สำหรับโค้ดที่เกี่ยวข้องกับ Android
├── ios/                 # โฟลเดอร์สำหรับโค้ดที่เกี่ยวข้องกับ iOS
├── node_modules/        # โฟลเดอร์เก็บ dependencies
├── app.json             # ไฟล์สำหรับกำหนดค่าแอป
├── babel.config.js      # การตั้งค่า Babel สำหรับการแปลงโค้ด
├── index.js             # Entry point ของแอป
├── metro.config.js      # การตั้งค่า Metro bundler
├── package.json         # เก็บรายละเอียดของโปรเจกต์และ dependencies
├── package-lock.json    # รายละเอียด dependencies และเวอร์ชันที่แม่นยำ
├── App.js               # ไฟล์หลักที่เริ่มต้นแอปพลิเคชัน

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

const App = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>Welcome to My React Native App!</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#ffffff',
  },
  text: {
    fontSize: 18,
    color: '#000000',
  },
});

export default App;

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);