Mục android, ios dùng để chứa code tự sinh cho mỗi nền tảng ở bên trong
Mục node_modules để chứa thư viện, dùng package.json để điều khiển những thư viện đó.
Cài đặt follow Ide: apm install flow-ide để truy cập vào code bên trong
yarn add --dev babel-cli babel-preset-flow
Cài một số pulign hỗ trợ như beautyfull, color-picker, file-icons,…
Tạo thư mục components để tự định nghĩa, tạo file Helloworld.js với nội dung bên dưới
import React, {Component} from 'react';
import {Text} from 'react-native';
export default class Helloworld extends Component{
render(){
let greeting = " \n\n\n This is demo app by example";
return (
<Text>{greeting}</Text>
);
}
}
Để chạy được ví dụ Demo này, vào index.js ngoài thư mục root để chỉnh sửa như nội dung bên dưới:
import {AppRegistry} from 'react-native';
import {name as appName} from './app.json';
import Helloworld from './components/Helloworld';
AppRegistry.registerComponent(appName, () => Helloworld);