文档中心 > 千牛开放平台2.0

如何使用Nuke UI

更新时间:2017/03/14 访问次数:2858

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 试试吧

FAQ

关于此文档暂时还没有FAQ
返回
顶部