当前位置: 首页 > news >正文

React项目在ios和安卓端要做一个渐变色背景,用css不支持,可使用react-native-linear-gradient

在这里插入图片描述
以上有个模块是灰色逐渐到白的背景色过渡
如果是css,以下代码就直接搞定

 background: linear-gradient(180deg, #F6F6F6 0%, #FFF 100%);

但是在RN中不支持这种写法,那应该写呢?
1.引入react-native-linear-gradient插件,我使用的是^2.6.2版本

import LinearGradient from 'react-native-linear-gradient';

2定义颜色

private get linearGradientProps() {return {colors: ['#F6F6F6', '#FFF'],locations: [0, 1],style: {borderTopLeftRadius: getPx(8),borderTopRightRadius: getPx(8),borderBottomRightRadius: getPx(8),borderBottomLeftRadius: getPx(8)}};}

3.引用组件

 <LinearGradient {...this.linearGradientProps}>哈哈哈渐变背景色</LinearGradient>
http://www.xdnf.cn/news/725131.html

相关文章:

  • Syslog 全面介绍及在 C 语言中的应用
  • 第J2周:ResNet50V2算法实战与解析
  • 第二章支线二:浮空之域:布局法则深研
  • 003图书个性化推荐系统技术剖析:打造智能借阅新体验
  • 动态规划基础
  • CODEFORCES---1915A.Odd One Out
  • 颈部异常姿态背后的隐秘困扰
  • 004 flutter基础 初始文件讲解(3)
  • ElasticSearch迁移至openGauss
  • 【深度剖析】流处理系统性能优化:解决维表JOIN、数据倾斜与数据膨胀问题
  • flask入门
  • 响应式系统与Spring Boot响应式应用开发
  • 英语复习笔记 2
  • PHP7+MySQL5.6 查立得源码授权系统DNS验证版
  • 【算法提升】分组 day_tow
  • React-props
  • CppCon 2014 学习:Lock-Free Programming
  • 企业级安全实践:SSL/TLS 加密与权限管理(一)
  • 智绅科技——科技赋能健康养老,构建智慧晚年新生态
  • 研华工控机安装Windows10系统,适用UEFI(GPT)格式安装
  • 图解gpt之注意力机制原理与应用
  • 专业级图片分割解决方案
  • 火狐安装自动录制表单教程——仙盟自动化运营大衍灵机——仙盟创梦IDE
  • SpringBoot整合Sa-Token实现RBAC权限模型的过程解析
  • 使用 `\033` 方式设置终端字体颜色
  • .NET 查找 DLL 的路径顺序
  • 【图像处理基石】如何进行图像畸变校正?
  • vb.net oledb-Access 数据库本身不支持命名参数,赋值必须和参数顺序一致才行
  • 华为OD机试_2025 B卷_数组组成的最小数字(Python,100分)(附详细解题思路)
  • 联邦学习常见问题