ToolbarAndroidはレンダリングしていません

Question

私はToolbarAndroidを私のリアクションネイティブプロジェクトに使用しようとしています。

ただし、ツールバーはレンダリングされていません。私は何か不足していますか？ここで

はスニペットです：

toolbar.js

import React, { 
    Component 
} from 'react'; 
import { 
    View, 
    Text, 
    ToolbarAndroid, 
    StyleSheet 
} from 'react-native'; 
import Icon from 'react-native-vector-icons/Ionicons'; 

export default class Toolbar extends Component { 
    render() { 
     return(
      <Icon.ToolbarAndroid 
       title = {this.props.title} 
       titleColor = 'black' 
       navIconName = "android-menu" 
       style = {styles.toolbar} 
      /> 
     ); 
    } 
} 

const styles = StyleSheet.create({ 
    toolbar: { 
     backgroundColor: 'firebrick', 
     height: 56 
    } 
}); 

私は、コンポーネントがレンダリングされる私のメインのファイルにこのファイルをインポートしました。

UPDATE

私はツールバーに幅を適用し、今では示しています。しかし、なぜの幅を使用しなければならないのでしょうか。ツールバーを画面全体にレンダリングさせるには適切な値は何ですか？

バグですか？

更新スタイル

const styles = StyleSheet.create({ 
    toolbar: { 
     backgroundColor: 'firebrick', 
     height: 56, 
     width: 300 
    } 
}); 

Answer 1

これは、このようなコンポーネントの作業例（しかし同じではない）である。

<ToolbarAndroid 
    title = {this.props.title} 
    titleColor = 'black' 
    navIconName = "android-menu" 
> 
    <View style={styles.toolbar}> 
    <Text>{this.props.title}</Text> 
    </View> 
</ToolbarAndroid> 

あなたはToolbarAndroidに子ビューを渡す必要があります。また、firebaseのような色名を使用することは、そのままではサポートされていません。