ToolBarAndroid no representa en ReactNative

Según este problema , la clave parece estar estableciendo un estilo en la barra de herramientas que tiene una altura. Si no se establece ninguna altura, no se renderizará. Esperemos que se resuelva pronto.

Aquí está la combinación de cosas que trabajaron para mí:

1) https://github.com/facebook/react-native/issues/2957#event-417214498

"Debe establecer alignItems para estirar (que es también el valor por defecto) en su contenedor, o dar a su barra de herramientas un ancho explícito.Con alignItems conjunto al centro y sin anchura explícita, la barra de herramientas se da 0 ancho implícito.

2) Ajuste de la altura en la barra de herramientas

El código:

He descargado un ic_arrow_back_black_24dp.png, y lo he colocado en la misma carpeta que el archivo index.android.js

Luego, en index.android.js,

 class MyComponent extends Component { ... render() { return ( <View style={styles.containerToolbar}> <ToolbarAndroid style={styles.toolbar} title={this.props.title} //navIcon={require('image!ic_arrow_back_white_24dp')} navIcon={require('./ic_arrow_back_black_24dp.png')} onIconClicked={this.props.navigator.pop} //titleColor={'#FFFFFF'}/> titleColor={'#000000'}/> </View> } const styles = StyleSheet.create({ containerToolbar: { flex: 1, //justifyContent: 'center', justifyContent: 'flex-start', // https://github.com/facebook/react-native/issues/2957#event-417214498 alignItems: 'stretch', backgroundColor: '#F5FCFF', }, toolbar: { backgroundColor: '#e9eaed', height: 56, }, }); 

Debe asignar tanto la altura como el ancho a la barra de herramientas de lo contrario no renderizará.

El código de tu barra de herramientas debería tener este aspecto

  <ToolbarAndroid style={styles.toolbar} title="Movies" navIcon={require("../../ic_launcher.png")} onActionSelected={this.onActionSelected} titleColor= "000" actions = {[ {title: "Log out", show: "never"} ]} /> 

Acción seleccionada

  onActionSelected(position) { } 

Estilo de la barra de herramientas

  toolbar: { backgroundColor: '#2196F3', height: 56, alignSelf: 'stretch', textAlign: 'center', }, 

Resultado