Yerel Android uygulamasında tepki vermek için araç çubuğu nasıl kullanılır?

Question

http://react-native-material-design.github.io/installation programlama materyallerini malzeme tasarımı için bütünleştirmeye çalıştığım programlama öğreniyorum.

Uygulamanın kullanımıyla ilgili bir belge olmadığından, bu http://react-native-material-design.github.io/components/toolbar görünümünü kullanmak istiyorum.

Bu görünümü uygulamamda nasıl kullanabilirim? Şimdiden teşekkürler.

Not: Bana react-native-router-flux ile, kullandığınız hangi gezgini bilmeden gelen Bunun dışında https://facebook.github.io/react-native/docs/toolbarandroid.html

Answer 1

kullanmak istemediğine kolayca kurulum basitçe için navBar={MyCustomNavBar} ekleyerek NavBar (veya Android deyişle Çubuğu) Eğer araç çubuğu mevcut istediğiniz Sahne, ağ gezginin üstündeki

<Scene sceneStyle={{marginTop: Metrics.navBarHeight}} component={HomeScreen} key="home" navBar={MyCustomNavBar}/> 

ve

import MyCustomNavBar from './components'.

CustomNavBar hayal edebileceğiniz herhangi bir şey olabilir. Simgeler, Düğmeler, Logolar veya hatta animasyonlu arama çubuğu ekleyebilirsiniz. Sadece React Native'de araç çubuklarının mutlak olarak konumlandırıldığına ve sabit bir yüksekliğe sahip olduğuna dikkat edin, bu nedenle Navigator'daki tüm Scenes öğelerinin üst üste gelmesini önlemek için bir marjTop stiline sahip olması gerekir. Bir örnek MyCustomBar

container: { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    height: Metrics.navBarHeight, 
    } 

Gezinti çubuğu yükseklikleri containerStyles ile örneğin

render() { 
return (
    <View style={containerStyle}> 
     ... 
    </View> 
) 
} 

Android ve Takılı