Wie kann ich react-native-actionsheet neben react-native-taxed-chat in derselben Ansicht verwenden?

Question

Mit dieser begabten Chat Bibliothek https://github.com/FaridSafi/react-native-gifted-chat

Ich habe versucht, Hinzufügen den ActionSheet auf die Funktion machen, aber es wird nicht begabt-Chat machen, weil der Chat-Bildschirm funktioniert nur, wenn es die einzige Stammansicht Kontrolle.

Diese Render-Funktion wird nicht funktionieren mit einem äußeren View umschließenden

return (
    <View> 
    <GiftedChat 
     messages={this.state.messages} 
     onSend={this.onSend} 
     onPressAvatar={this.pressProfile} 
     user={{ 
     _id: user.id, 
     name: user.username, 
     avatar: user.thumbnail, 
     }} 
    /> 
    <ActionSheet 
     ref={o => this.ActionSheet = o} 
     title={title} 
     options={options} 
     cancelButtonIndex={CANCEL_INDEX} 
     destructiveButtonIndex={DESTRUCTIVE_INDEX} 
     onPress={this.handlePress} 
    /> 
    </View> 
); 

Wenn ich die Wurzel ein GiftedChat ansehen machen müssen, wo soll ich die ActionSheet Ansicht setzen?

Answer 1

Haben Sie das versucht?