Wie kann ich ein ListView innerhalb einer ScrollView mit React Native iOS?

Baue ich ein iOS Reagieren Nativen app. Ich habe einige test-Inhalte und dann eine Liste von Elementen darunter. Wenn ich sowohl den text als Inhalt, und die listview innerhalb einer scrollview die listview funktioniert nicht richtig (zeigt nur einige der Elemente), aber wenn ich nicht setzen Sie die Listenansicht innerhalb der scrollview das listview-Schriftrollen, aber der text-Inhalt bleibt gesperrt, bis Sie den oberen Rand des Bildschirms. Wie bekomme ich den text-Inhalt zu scrollen, mit der listview?

Hier ist ein Beispiel für mein Problem:

https://rnplay.org/apps/GWoFWg

InformationsquelleAutor Dev01 | 2015-11-02
  1. 22

    Sollten Sie das Rendern der top-Inhalte, die über die ListView.renderHeader prop:

    class SampleApp extends React.Component {

  _renderHeader() {
    //your header rendering code here
  }

  _renderRow() {
    //your row rendering code here
  }

  render() {
    return (
      <ListView
        renderRow={this._renderRow}
        renderHeader={this._renderHeader}
        />
    );
  }
}

    ListView verwendet ScrollView intern zu bieten, das scrolling-Verhalten, so wickeln Sie es in einem anderen ScrollView ist nicht notwendig.

    • Das ist genau das was ich brauchte. Danke! Hier ist ein Beispiel: rnplay.org/apps/GWoFWg
    • Aber dieser header wird aus dem Bildschirm gescrollt, wenn die Liste ist lang. Wie stellen Sie die header-klebrig? Mit der stickyIndices bewirkt eine sehr schlecht Verhalten haben, wo die Zeilen gescrollt werden aus dem Bildschirm sichtbar sind unterhalb der Kopfzeile.
    • wenn Sie nicht möchten, dass Ihre Kopfzeile scrollt mit der Listenansicht, nicht in der ListView, Rendern Sie einfach die header-Komponente, oben 🙂
    InformationsquelleAutor jevakallio
Schreibe einen Kommentar