首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将样式数组应用于基于本机的组件

如何将样式数组应用于基于本机的组件
EN

Stack Overflow用户
提问于 2017-05-12 14:09:00
回答 1查看 521关注 0票数 1

如何将样式数组应用于基于本机的组件?我有这样的风格:

代码语言:javascript
复制
const React = require('react-native');

const { StyleSheet } = React;

export default StyleSheet.create({
  container: {
    backgroundColor: '#FBFAFA',
  },
  rowView:{
    flexDirection: 'row',
    borderRadius: 5
  },
  btn : {
    borderRadius: 5,
    margin: 5
  },
  on : {
    backgroundColor: '#FFF',
  },
  off : {
    backgroundColor: 'rgba(0,0,0,0.2)',
  },
  green : {
    backgroundColor: 'green',
  },
  red : {
    backgroundColor: 'red',
  }
});

我想应用于这样的组件:

代码语言:javascript
复制
<View style={[styles.red, styles.rowView]} padder>

我在原生库中看到他们使用getTheme。这是唯一的办法吗?

EN

回答 1

Stack Overflow用户

发布于 2017-06-21 04:29:36

目前,本机基础不支持style属性中的数组。以下是使用展开运算符的解决方法。

代码语言:javascript
复制
<Native-Base-Component style={{ ...styles.red, ...styles.rowView }} />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43930439

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档