React Native ScrollView bazen benim uygulama index.io.js içinde

Question

aşağı kaydırma değil render işlevi altında bir View içinde sarılı olan sadece 1 ScrollView vardır. Bazen ScrollView'ın en alt kısmına gidebilir ve ekranı orada tutabilirim. Ancak ScrollView ekranın üst kısmına geri döner ve bazen altta kalmaz.

Neler olup bittiğini bilen var mı? Teşekkürler.

render() { 
    return <View style={{flex: 1}}> 
    <ScrollView> 
    <Text>234</Text> 
    <Text>234</Text> 
    <Text>234</Text> 
    <Text>234</Text> 
    // .... repeat so many times ... 
    </ScrollView> 
    </View> 
} 

ps: benim RN 0.28.0 olduğunu iOS dağıtım hedef 8,0

Answer 1

onlar içine sınırsız yükseklikte çocukları içerdiğinden ScrollViews, çalışması için sınırlı bir yüksekliğe sahip olmalıdır unutmayın olduğunu Sınırlı bir kap (bir kaydırma etkileşimi yoluyla). ScrollView'ın yüksekliğini sınırlamak için, doğrudan görünümün yüksekliğini ayarlayın (cesareti kırılmış) veya tüm ebeveyn görünümlerinin sınırlı bir yüksekliğe sahip olduğundan emin olun. Görünüm yığınının {flex: 1} aktarılmasının unutulması, burada, öğe denetçisinin hata ayıklamasını kolaylaştırdığı hatalara yol açabilir. 1 mülk:

https://facebook.github.io/react-native/docs/scrollview.html

Sana esnek ile scrollview bir stil atamak gerektiğini düşünüyorum. Daha iyi bir tasarıma sahip olmak için bir contentContainerStyle oluşturun.

benim gibi yerli yenilere Tepki İçin

Answer 2

:

gözcü bu ayarlar beri temelde ilerlemek için değil açıkça scrollview anlatıyor scrollview en contentContainerStyle özniteliği üzerinde {flex:1} ayar hatası yapma ve bu kaydırmak için bekliyor için içerik sayfasının içeriği üst öğenin karesiyle aynıdır. Bu,