Question

我有一个类似的组件：

import React, { Component } from 'react'
import { StyleSheet } from 'react-native'
import { StyleProvider, Container, Content, Footer, FooterTab, Button, Icon } from 'native-base'


export default class MainFooter extends Component {
  render() {
    return (
        <StyleProvider style={footerTabTheme}>
        <Footer>
          <FooterTab>
            <Button>
              <Icon name="ios-home" />
            </Button>
            <Button active>
              <Icon name="ios-people" />
            </Button>
            <Button>
              <Icon style={{fontSize: 45}} name="ios-radio-button-on-outline" />
            </Button>
            <Button>
              <Icon name="md-medkit" />
            </Button>
            <Button>
              <Icon name="ios-people" />
            </Button>
          </FooterTab>
        </Footer>
        </StyleProvider>
    )
  }
}

const footerTabTheme = {
  "NativeBase.Button": {
     ".active": {
       backgroundColor: "#c71818",
     }
   }
 }

根据文档，我应该能够自定义页脚的活动按钮背景颜色。

但我收到有关can not read androidRipple或其他内容的错误。

这里有什么问题？

Answer 1

根据文档，您需要将所有UI包装在“容器”组件中：

<StyleProvider style={...}>
   <Container> {*<--------------*}
   ...
   <Container>
</StyleProvider>

本土基地没有超过骑主题风格

1 个答案: