react-native-material-ui uiTheme.spacing错误

Question

未知错误

TypeError: undefined is not an object 
(evaluating
'context.uiTheme.spacing')

在我的组件代码中

import React, { Component } from 'react'
import { View } from 'react-native'
import { IconToggle } from 'react-native-material-ui'

export default class LeftElement extends Component {
  render() {
    return (
      <View>
        <IconToggle name="menu" color="white" />
      </View>
    )
  }
}

似乎我们应该为IconToggle提供一个themeProvider.spacing

import React, { Component } from 'react'
import { View } from 'react-native'
import { IconToggle, ThemeProvider } from 'react-native-material-ui'

const uiTheme = {
  spacing: {
    fontSize: 24
  }
}
export default class LeftElement extends Component {
  render() {
    return (
      <ThemeProvider uiTheme={uiTheme}>
        <View>
          <IconToggle name="menu" color="white" />
        </View>
      </ThemeProvider>
    )
  }
}

但是它也不能工作，我该如何解决它呢？

Answer 1

请遵循适当的react-native-material-ui指南，安装react-native-vector-icons并将react-native-vector-icons链接到您的react-native项目。

我刚刚改变了“黑色”的颜色，它如下所示。

<ThemeProvider uiTheme={uiTheme}>
   <View>
     <IconToggle name="menu" color="black" />
   </View>
</ThemeProvider>

它给出了以下输出，

​

​