工具欄Android不顯示在反應本機

我正在學習react-native編程，使用這個https://facebook.github.io/react-native/docs/toolbarandroid.html創建工具欄，但在我的情況下，它沒有被顯示。我無法理解我在做什麼錯誤。工具欄Android不顯示在反應本機

任何人都可以幫助我。

import React, { Component } from 'react'; 
import { AppRegistry, Text, View, TextInput, TouchableOpacity, ToolbarAndroid } from 'react-native'; 
import { ToolBar } from 'react-native-material-design'; 

class LoginComponent extends Component { 
    render() { 
    return (
      <View style={{flex: 1, flexDirection: 'column', margin:10}}> 

      <ToolbarAndroid title="Login" titleColor="black"/> 

      <TextInput style={{height: 40, borderColor:'gray', borderWidth: .5}} 
       placeholder="Email address" underlineColorAndroid='transparent'/> 

      <TextInput style={{height: 40, borderColor:'gray', borderWidth: .5}} 
       placeholder="Password" secureTextEntry={true} underlineColorAndroid='transparent'/> 

      <TouchableOpacity style={{ height: 40, marginTop: 10 , backgroundColor: '#2E8B57'}}> 
       <Text style={{color: 'white', textAlign: 'center', marginTop: 10, fontWeight: 'bold'}}>LOG IN</Text> 
      </TouchableOpacity> 
     </View> 
    ); 
    } 
} 

AppRegistry.registerComponent('Myntra',() => LoginComponent);

來源

2017-01-24 N Sharma

這是一個known issue。解決方法是爲您的ToolbarAndroid設置一個高度。

來源

2017-01-24 07:38:21 dvnguyen

謝謝。我也設置了高度，但它仍然沒有顯示。請參閱更新後的代碼http://pastebin.com/XhU17Xe5 –

我不確定它是否是拼寫錯誤，但是您的工具欄樣式設置爲'style = {styles.styles}'。我認爲它應該是'style = {styles.toolbar}'。如果它不起作用，你可以嘗試設置工具欄的'height'屬性嗎？ – dvnguyen

是的，它的工作！謝謝 –

工具欄Android不顯示在反應本機

回答

相關問題