GỒM 3 BƯỚC
- B1: Import Thư viện
- B2: Viết code Class (Component): Render
- B3: Đăng ký (Register) Component chính
Để chỉnh sửa đoạn code, các bạn có thể dùng bất cứ 1 IDE nào hỗ trợ ngôn ngữ JavaScript.
Ở đây mình dùng Visual Studio Code -> Open Folder -> MyProject - Mở file App.js
Đoạn code cơ bản của 1 ứng dụng React-native:
//B1 Import thư viện
import React, {Component} from "react";
import {
AppRegistry, View, Text
} from "react-native";
//B2 Viết code Class
export default class Demo extends Component {
render(){
return(
<View>
<Text>Hello World</Text>
</View>
);
}
}
//B3 Register
AppRegistry.registerComponent('Demo', () => Demo);
//B2 Viết code Class
const App = () => (
<View>
<Text style={{marginTop: 200, marginLeft: 100}}>Hello World</Text>
</View>
);
export default App;
0 nhận xét:
Đăng nhận xét
Thank you!