2015-11-02 29 views
6

Bir iOS React Native uygulaması yapıyorum. Test içeriğim ve altındaki öğelerin bir listesi var. Hem metin içeriğini hem de liste görünümünü bir kaydırma görünümünün içine koyarsam, liste görünümü düzgün çalışmaz (yalnızca bazı öğeleri gösterir), ancak liste görünümünü kaydırma görünümüne dahil etmezsem, liste görünümü kaydırılır, ancak metin içeriği kilitli kalır ekranın üstüne. Metin içeriğini liste görünümünde ilerlemek için nasıl alabilirim? böylece sararak,Yerel iOS'u React kullanarak ScrollView içine bir ListView nasıl yerleştirebilirim?

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 içten kaydırma davranışını sağlamak için ScrollView kullanır:
https://rnplay.org/apps/GWoFWg

cevap

22

Sen ListView.renderHeader pervane kullanılarak üst içeriği oluşturmak olmalıdır: İşte

benim konuya ilişkin bir örnek başka bir ScrollView gerekli değildir.

+0

Tam olarak ihtiyacım olan şey buydu. Teşekkürler! İşte çalışan bir örnek: https://rnplay.org/apps/GWoFWg –

+0

Ancak liste uzunsa bu başlık ekrandan kaydırılır. Başlık yapışkan nasıl yapılır? StickyIndices kullanımı, satırların ekrandan kaydırılmasının başlığın altında görülebildiği çok kötü bir davranışa neden olur. – shrutim

+1

@shrutim Eğer başlığınızın ListView ile ilerlemesini istemiyorsanız, onu ListView'a koymayın, sadece başlık bileşenini yukarıdaki gibi oluşturun :) – jevakallio

İlgili konular