1、需要借助插件react-native-linear-gradient插件

安装:

yarn add react-native-linear-gradient

react-native link react-native-linear-gradient

2、导入react-native-linear-gradient

依赖BVLinearGradient

3、使用react-native-linear-gradient

<LinearGradient colors={['#9f678c', '#718697', '#2b4963']} style={styles.container}>
<View style={styles.header}>
<Text style={styles.header.text}>用户登录</Text>
</View>
</LinearGradient>

4、效果

react-native 实现渐变色背景相关推荐

  1. React Native 椭圆虚线背景框

    近日,在开发中有这样的需求,实现一个虚线的椭圆背景框,由于本人React Native 小白一枚,顿时两眼懵逼,赶紧查阅各种资料,发现React Native 自带支持 虚线,赶紧写个demo验证一下 ...

  2. React Native 从入门到原理

    React Native 是最近非常火的一个话题,介绍如何利用 React Native 进行开发的文章和书籍多如牛毛,但面向入门水平并介绍它工作原理的文章却寥寥无几. 本文分为两个部分:上半部分用通 ...

  3. React Native初探

    React Native初探 转自:博客园 叶小钗  前言 很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP ...

  4. 【React Native】react-navigation导航使用方法

    目录 集成react-navigation 使用react-navigation 上一篇介绍了如何在已有iOS项目中集成React Native.这一篇我们把上一篇的demo做下拓展,添加点击电影跳转 ...

  5. 初步了解React Native的新组件库firstBorn

    first-born is a React Native UI Component Framework, which follows the design methodology Atomic Des ...

  6. React Native——react-navigation的使用

    在 React Native 中,官方已经推荐使用 react-navigation 来实现各个界面的跳转和不同板块的切换. react-navigation 主要包括三个组件: StackNavig ...

  7. 我为什么暂时放弃了React Native

    同步自我的博客 去年三月份,以及十一月份,我分别做了两个React Native(下称RN)的项目,一个是一个很简单的充值页面,发上线以后就基本不维护了,暂且不表:另一个是把我们客户端首页的技术方案由 ...

  8. 如何用 React Native 创建一个iOS APP?(二)

    我们书接上文<如何用 React Native 创建一个iOS APP?>,继续来讲如何用 React Native 创建一个iOS APP.接下来,我们会涉及到很多控件. 1 AppRe ...

  9. React Native 0.50版本新功能简介

    React Native在2017年经历了众多版本的迭代,从本人接触的0.29版本开始,到前不久发布的0.52版本,React Native作为目前最受欢迎的移动跨平台方案.虽然,目前存在着很多的功能 ...

  10. 从零学React Native之07View

    View 组件是React Native最基本的组件.绝大部分其他React Native 组件. View组件的颜色和边框 backgroundColor 键用来指定颜色. RN 0.19版本开始, ...

最新文章

  1. LeetCode简单题之两个列表的最小索引总和
  2. TCP/IP 协议栈4层结构及3次握手4次挥手
  3. Codeforces #449 div2 C题
  4. MVCAction接收数据方式
  5. 微信小程序开发第三弹
  6. 推荐系统——开源代码
  7. C#用IrisSkin4.dll 美化Winform窗体
  8. 2.word转换为pdf
  9. Python练习:期末测评
  10. ie10不适用计算机,Windows6.1-KB2731771-x64.msu 提示此更新不适用于您的计算机 ie10 ie11 安装失败...
  11. ExcuteScalar ExecuteNonQuery
  12. html flash背景透明写法,如何让Flash不遮挡HTML div元素的技巧
  13. php实现过滤中英文标点符号[gbk编码环境]
  14. 至强E5系列CPU后面的数字含义
  15. 基于微信小程序的扫码签到系统源码
  16. (完美)华为畅玩6X BLN-AL10的USB调试模式在哪里打开的经验
  17. 理解Java7和8里面HashMap+ConcurrentHashMap的扩容策略
  18. Excel 根据序号分组
  19. myCPUZ (未完待续)
  20. wine linux 64位下载,Wine 1.9 开发者版本可以下载了

热门文章

  1. java.lang.IllegalArgumentException: Can not set xxxx field XXXX
  2. ZZULIOJ【1088】手机短号【输入输出格式】
  3. 1.5 20:球弹跳高度的计算
  4. X-NUCA'2019部分题目WP
  5. 本周c++学习小结和心得
  6. CentOS7 配置R语言及Rstudio-serve
  7. 魔百和CM311-1sa_ZG_S905L3A_安卓9.0_纯净线刷固件包
  8. 读书笔记-effective STL
  9. 工程管理系统企业工程管理系统简介
  10. Vue中获取当前点击元素的父元素、子元素、兄弟元素