未定义不是对象(评估'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

我认为对于材料 - ui工作,你需要应用主题.从我理解的文档中你应该做这样的事情.

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

//...

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