Ist es möglich, dass ein ListView eine untergeordnete Ansicht hat?

Question

Mein natives iOS hat TabBarController als Root-View-Controller. Ich habe einen PageViewController auf dem Startbildschirm (der ein Behälter Ansicht ist), wobei 1 der Ansichten

Tor Reagieren Native unterstützt: Display-Pop-Up-Ansicht und ermöglicht Benutzer Tabs wechseln

Ich habe versucht, mit einem modalen & die Alert-API für die Anzeige. Das Popup funktioniert perfekt, aber beide Maske über den gesamten Bildschirm & die einzige Möglichkeit, die Interaktion wieder aufzunehmen ist durch Drücken der CANCEL Schaltfläche in Alert. Die Maskierung macht das Umschalten von Tabs nicht möglich.

Da ich die Maske für modal oder alertView nicht entfernen kann, versuche ich stattdessen eine Ansicht zu rendern, die ein Kind von ListView ist. Hier ist meine render() Funktion

 return (
     <View style={{flex:1}}> 
      <ListView 
       onEndReachedThreshold={-5} 
       renderFooter={this._renderFooter} 
       onEndReached={this.onEndReached} 
       contentContainerStyle={styles.list} 
       dataSource={this.state.dataSource} 
       renderRow = {(rowData) => Row(rowData)}> 

       <View style={styles.popUpStyle}> 

       </View> 

     </ListView> 
     </View> 
    ) 
} 

My Stylesheets als

list: { 
    justifyContent: 'center', 
    alignItems : 'center', 
    flexDirection: 'row', 
    flexWrap: 'wrap', 
    opacity : 1 
}, 
popUpStyle : { 

    width: widthOfScreen - 50, 
    height: heightOfScreen/3, 
    backgroundColor:'#000000', 
    borderRadius: 5, 
    shadowColor:'#000000', 
    shadowRadius:5, 
    shadowOpacity:0.8 
} 

I folgt wurde eine Sicht erwartet in der Mitte des Bildschirms als Listview die erscheinen auf der Grundlage der Arten Ich habe aber leider gibt ist nichts. Kann ein listView eine untergeordnete Ansicht haben? Was noch wichtiger ist, kann ich eine Popup-Ansicht ohne Maske machen?

Answer 1

Kann ein listView eine untergeordnete Ansicht haben?

Nicht, dass ich weiß.

Noch wichtiger kann ich eine Popup-Ansicht ohne Maske machen?

Natürlich können Sie. Sie brauchen nur etwas absolute Magie. Ich mache etwas ähnliches „Toast“ zeigen:

Die Stile:

component: { 
    position: 'absolute', 
    left: 0, 
    right: 0, 
    alignItems: 'center' 
}, 
content: { 
    backgroundColor: red, 
    borderRadius: 0, 
    padding: 10, 
    height: 56, 
    justifyContent: 'center' 
}, 
text: { 
    color: white, 
    textAlign: 'left', 
    fontSize: 18 
} 

Die Komponente:

<View style={styles.component} pointerEvents='none'> 
    <View style={styles.content}> 
     <Text numberOfLines={1} style={styles.text}>{this.state.text}</Text> 
    </View> 
</View> 

Meine „Toast“ sind nicht interaktiv, aber das ist eine Übung für Sie hinterlassen.