android - undefined 不是一个对象(评估 'context.uiTheme.toolbar' ) ('react-native-material-ui' )

Question

我正在尝试使用 react-native-material-ui库的工具栏。但是我在这个过程中不断遇到一个错误或另一个错误。我已经坚持了很长时间了。我的 index.android.js 看起来像这样:

import React, { Component } from 'react';
import { StyleSheet,AppRegistry, View } from 'react-native';
import { Toolbar } from './node_modules/react-native-material-ui';


const styles = StyleSheet.create({
pageContainer: {
    flex: 1,
},
});


export default class Reminder_react extends Component {
   render() {
    return (
        <View style={styles.pageContainer}>
            <Toolbar leftElement="arrow-back" centerElement="Icon Toggle" />

        </View>
    );
   }
}
AppRegistry.registerComponent('Reminder_react', () => Reminder_react);

我在终端上没有收到任何错误，但电话屏幕像红灯区一样亮起。这是错误。

Answer 1

我认为要使 material-ui 正常工作，您需要应用主题。来自 the docs我知道你应该做这样的事情。

import { ThemeProvider } from '../react-native-material-ui';

//...

return (
  <ThemeProvider>
    <View style={styles.pageContainer}>
      <Toolbar leftElement="arrow-back" centerElement="Icon Toggle" />
    </View>
  </ThemeProvider>
);