React Native: ToolbarAndroid が表示されない

React Native で ToolbarAndroid が表示されない場合の対処方法です。

状況

コンポーネントに ToolbarAndroid を入れたが表示されない。

環境: React Native v0.47.0

対処方法

スタイルで height を指定する:

import React from 'react';
import { StyleSheet, ToolbarAndroid, View } from 'react-native';

export default class Home extends React.Component {
  render() {
    return (
      <View>
        <ToolbarAndroid title="Home" style={styles.toolbar} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  toolbar: {
    height: 56,  // ←これが必要
  },
});