LinearGradient 组件 react-native-linear-gradient

MIT
Objective-C
跨平台
2015-04-03
孔小菜

react-native-linear-gradient 是一个 React Native 的 LinearGradient 组件。

示例代码:

// Within your render function<LinearGradient 
colors={['#4c669f', '#3b5998', '#192f6a']} style={styles.linearGradient}>
  <Text style={styles.buttonText}>
    Sign in with Facebook  
</Text></LinearGradient>// Later on in your styles..
var styles = StyleSheet.create({
  linearGradient: {
    flex: 1,
    paddingLeft: 15,
    paddingRight: 15,
    borderRadius: 5
  },
  buttonText: {
    fontSize: 18,
    fontFamily: 'Gill Sans',
    textAlign: 'center',
    margin: 10,
    color: '#ffffff',
  },
});
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

React Native插件系列之插件汇总

react-native-iphone-x-helper iphoneX 适配 react-native-linear-gradient 颜色渐变处理 react-native-login 视频界面登录 react-native-keyboard-aware-scroll-view 键盘显示处理 react-na...

2018/01/24 16:24
1K
0
CSS3 渐变(Gradients)

1:基本概念 在两个或者多个指定的颜色之间显示平稳的过渡 渐变的效果是由浏览器生成的 渐变的类型主要分为两种:线性渐变(Linear Gradients)和径向渐变(Radial Gradients);线性渐变是一...

06/21 14:11
17
1
css

css垂直渐变 #example3 { /* fallback */ background-color:#063053; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear, left bottom, left to...

2016/03/20 22:51
3
1
LinearGradientBrush

A LinearGradientBrush paints an area with a linear gradient. A linear gradient defines a gradient along a line. The line's end points are defined by the StartPoint and EndPoint ...

2014/04/22 14:04
12
0
带角度的css3渐变效果

渐变角度为70度的css3: .bg{ /*无css3*/ background: #ef3a32; /*终极版*/ background: linear-gradient(70deg,#FF680F, #E41A1A); /* 为了兼容 chrome 2+ 和 safari4+ 以上的一些较老的版本...

2013/08/12 18:28
22
0
修改Uploadify上传插件的按钮为超链接

因为最近要用到上传功能,之前一直是用jspsmartupload组件上传,一直以来觉得jquery插件的界面好炫,而且在web的各种组件中都有很多不同但功能都很强大的插件,于是搜索了下,选择了uploadi...

2012/12/31 13:27
4K
1
小功能

1. phonegap下后退功能 navigator.app.backHistory(); 2. phonegap 退出程序 navigator.app.exitApp(); 3. jm 底部固定 css #footer{ position:absolute; z-index:2;bottom:0; left:0;width...

2013/03/22 15:43
40
0
好程序员web前端教程之CSS3渐变

好程序员web前端教程之CSS3渐变,CSS3渐变(gradient)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果,现在通过使用 CSS3 的渐变(gradients)即...

05/08 15:36
9
0
css 线性渐变

线性渐变 首先看下示例 (1)垂直渐变 (2)垂直渐变 IE系列 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0'); 参数...

2013/05/13 23:04
33
0
CSS背景颜色渐变

兼容多浏览器就要为每一个浏览器写对应的 CSS,太低版本的浏览器只能使用图片做背景。 下面是当前五大浏览器对 gradient 的支持 <style type="text/css" media="screen"> #gradient { width...

2013/01/17 17:05
21
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部