React-native学习-7-颜色

//7.颜色：

// RGB: rgb() 和 rgba() 两种十六进制与函数方法

// '#f0f' (#rgb)

// '#ff00ff' (#rrggbb)

// 'rgb(255, 0, 255)'

// 'rgba(255, 255, 255, 1.0)'  

// 色调-饱和度-亮度 (HSL):也支持 hsl() 和 hsla() 函数方法  :'hsl(360, 100%, 100%)'     'hsla(360, 100%, 100%, 1.0)'

import React, { useState } from 'react';

import { View, Text, Image } from 'react-native';

 

const ColorDemo = () => {

    return (

        <View>

            <Text style={{color:'#f0f'}}>hello</Text>

            <Text style={{color:'#ffff00'}}>hello1</Text>

            <Text style={{color:'#rgb(0, 0, 255)'}}>hello2</Text>

            <Text style={{color:'#rgba(255, 0, 0, 1.0)'}}>hello3</Text>

            <Text style={{color:'#hsl(360, 100%, 50%)'}}>hello4</Text>

            <Text style={{color:'hsla(360, 50%, 50%, 1.0)'}}>hello5</Text>

        </View>

    );

}

 

export default ColorDemo;