未定義はオブジェクトではありません（ 'context.uiTheme.toolbar'を評価する）（ 'react-native-material-ui'）

Question

react-native-material-uiライブラリのツールバーを使用しようとしています。しかし、私はプロセスで1つのエラーまたは別のものを取得し続けます。私はこれで長い間、これに執着してきました。 私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が動作するために私はあなたがテーマを適用する必要があると思います。私が理解しているthe docsから、あなたはこのようなことをすべきです。

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

//... 

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