Wie fügt man eine Schaltfläche in der nativen Umgebung ein?

Question

Könnten Sie mir bitte sagen, wie Sie Button in der Ansicht mit reaktionsnativen hinzufügen.

hier ist mein Code https://rnplay.org/apps/0TPePA

I verwendet wird, kann dies diese https://npmcdn.com/react-native-button@1.6.0 in meiner Demo?

Ich brauche Knopf meiner Ansicht nach hier hinzuzufügen, ist Code

class First extends Component { 
    render(){ 

    return (<View><Text>"hello"</Text> 
     </View> 
      ) 
    } 

    } 

Answer 1

Erstellen einer Schaltfläche selbst ganz einfach. Sie können toucableopacity und die onPress-Methode verwenden, die damit verbunden ist.

folgendes in Ihrer Methode macht Put

<TouchableOpacity onPress={this._onButtonPress}> 
<Text>Button Text</Text> 
</TouchableOpacity> 

Und dies in einer Funktion reagieren setzen.

_onButtonPress: function() { 
    console.log ("Button has been pressed"); 
} 

Um es mehr wie ein Knopf aussehen zu lassen Sie Styling direkt an den <Text style={{flex: 1, backgroundColor: 'blue', etc...}}

hinzufügen