react-native样式

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react';
import { AppRegistry,Text,View,StyleSheet,} from 'react-native';

export default class ColorStyle extends Component {
    constructor(props) {
        super(props);
        this.state = {
            showText: true,
        }
    }
    render() {
        return(
            <View>
                <Text style={ styles.red }>红色</Text>
                <Text style={ styles.bigblue }>蓝色</Text>
                <Text style={ [styles.bigblue,styles.red] }>看看优先级</Text>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    red: {
        color: 'red',
    },
    bigblue: {
        color: 'blue',
        fontSize: 30,
        fontWeight: 'bold'
    }
})

AppRegistry.registerComponent('xiao', () => ColorStyle);

在react-native中,仍然使用JavaScript来写样式,所有的核心组件都接受名为style属性。这些样式基本上是遵循了web上的css命名,只是按照JS的命名法-驼峰命名法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值