未定義不是對象（評估'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工作，你需要應用的主題。從the docs我明白你應該做這樣的事情。

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

//... 

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