Nuke UI提供了较为丰富的组件,本章节讲描述如何Nuke UI。在上一章节,我们创建了一个 AwesomeProject 项目。
切换到 AwesomeProject
使用你喜爱的编辑器/IDE 打开 AwesomeProject/src/index.jsx,修改其中的代码:
'use strict'; import {createElement, Component, render, findDOMNode} from 'rax'; import {View, Text, TouchableHighlight, Modal, Button, ScrollView} from 'nuke'; class TestComponent extends Component { render() { return ( <View style={styles.container}> <Text style={styles.welcome}> 欢迎来到千牛! </Text> <Button type="primary">你好</Button> </View> ); } } const styles = { container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', }, welcome: { fontSize: 20, textAlign: 'center', margin: 10, } } render(<TestComponent />);
qap debug
试试吧