2017-09-20 5 views
1

react-native-material-ui 라이브러리의 툴바를 사용하려고합니다. 그러나 나는 그 과정에서 하나의 오류 또는 다른 것을 계속 간직하고있다. 나는 이것을 오랫동안 붙들고있다. 내 index.android.js은 다음과 같습니다정의되지 않은 객체 ('context.uiTheme.toolbar'평가) ('react-native-material-ui')

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); 

내가 터미널 그러나 홍등가 같은 전화기 화면에 불에는 오류가 발생하지 않습니다. 이것은 오류입니다. 나는 재료 UI에 대한 생각

react native error stack

답변

4

당신이 테마를 적용 할 필요가 작동합니다. 내가 깨달은 the docs에서 이런 식으로해야합니다.

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

//... 

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

감사합니다. @bennygenel. – natterstefan