Navigationsleiste - React Native

Question

Ich erstelle eine mobile Anwendung mit React Native und ich entschied mich für eine Navigationsleiste, die von der Website 'https://github.com/beefe/react-native-navigation-bar' stammt, aber ich weiß nicht, wie ich es in meinem Code verwenden soll.

Ich möchte, dass Sie mir Beispiele für die Navigationsleiste der Website 'https://github.com/beefe/react-native-navigation-bar' senden.

Answer 1

Ich denke, Sie sollten versuchen, sorgfältig zu lesen, bevor Sie fragen.

Diese Website zeigt deutlich, wie diese Komponente verwendet wird. Nur 2 Schritte:

1: Paket installieren.

npm install react-native-navigation-bar --save 

2: Importieren und verwenden. Ändern Sie das Attribut wie Sie möchten.

import NavigationBar from 'react-native-navigation-bar'; 

export default class Example extends Component { 
    render(){ 
    return(
     <View> 
     <NavigationBar 
      title={'Main title'} 
      height={50} 
      leftButtonTitle={'back'} 
      rightButtonTitle={'forward'} 
     /> 
     <Text>ABC</Text> 
     </View> 
    ) 
    } 
}