React-native: Padding di bagian atas tampilan daftar

Dibuat pada 5 Feb 2015 · 3Komentar · Sumber: facebook/react-native

Saya sedang merender ListView dan memiliki bantalan di bagian atas yang tidak dapat saya singkirkan:

screen shot 2015-02-05 at 1 43 05 pm

kode saya:

    return ListView({
      style: { flex: 1, borderWidth: 1, borderColor: 'red', paddingTop: 0 },
      renderRow: this.renderRow,
      dataSource: source
    });

Ada orang lain yang melihat ini?

Locked

Sumber

jlongster

👍1

Komentar yang paling membantu

Anda mungkin harus menambahkan automaticallyAdjustContentInsets={false} . Adakah yang tahu mengapa ini benar secara default?

nick pada 5 Feb 2015

👍3 🎉1

Semua 3 komentar

Anda mungkin harus menambahkan automaticallyAdjustContentInsets={false} . Adakah yang tahu mengapa ini benar secara default?

nick pada 5 Feb 2015

👍3 🎉1

Anda benar, itu sudah diperbaiki, terima kasih!

jlongster pada 5 Feb 2015

Di iOS, navigasi (atas) dan tab (bawah) semi-transparan. Ini berarti bahwa konten di belakangnya (seperti tampilan gulir) harus tumpang tindih dengan bagian atas dan bawah, tetapi memiliki bantalan tambahan seukuran bilah atas/bawah. Di iOS ada konsep top/bottomLayoutGuide yang menetes ke bawah. automaticallyAdjustContentInsets mengaktifkan penambahan padding secara otomatis berdasarkan panduan tersebut.

Integrasi dengan tata letak dan React secara umum tidak dipikirkan dengan baik, jadi kami menambahkan atribut ini. Itu sesuatu yang perlu dikerjakan tetapi tidak sepele :)