//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;
React-native学习-7-颜色
最新推荐文章于 2024-05-20 09:26:12 发布