Text 文字组件

具备基本属性和基本事件

Text 支持的css 属性枚举：

color
fontSize
fontStyle
fontWeight
lineHeight
textAlign
textDecoration
lines
textOverflow

Text 不支持的css 属性：

display
width
height
border

注意

在web端你可以设置span display block 来实现与div、p等块级元素等同的效果，但在rx中不可以。
Text 标签不支持嵌套。

代码演示

预览二维码


/** @jsx createElement */
import {createElement, Component} from 'weex-rx';
import { View, Text} from 'nuke-components';
import {mount} from 'nuke-mounter';


let App = class NukeDemoIndex extends Component {
    constructor() {
        super();
    }

    render() {
        return (
            <View style={{backgroundColor:'grey',height:'200rem',justifyContent:'center',alignItems:'center'}}>
                <Text style={{color:'#ffffff'}}>Hello, Nuke</Text>

            </View>
        )
    }
}

mount(<App/>, mountNode);

按钮类型

text

按钮类型

按钮类型