Scroll Xem bên trong nhìn không làm việc phản ứng tự nhiên

Question

Ở đây tôi đang cố gắng một mã đơn giản nhưng xem di chuyển không hoạt động nếu giữ bên trong một view.Code là như thế này:

return(
    <View> 
    <Toolbar title={this.props.title}> 
    </Toolbar> 

    <ScrollView> 

     <HomeScreenTop /> 
     <HomeScreenBottom navigator={navigator}/> 

     </ScrollView> 

    </View> 
); 

Nhưng nếu xem cuộn giữ như mẹ xem nó hoạt động perfect.Code là như sau:

return(
    <ScrollView> 
    <Toolbar title={this.props.title}> 
    </Toolbar> 



     <HomeScreenTop /> 
     <HomeScreenBottom navigator={navigator}/> 



    </ScrollView> 
); 

Bây giờ vấn đề là tôi không muốn thanh công cụ của tôi cuộn lên xuống, tôi chỉ muốn nội dung bên dưới thanh công cụ để di chuyển.Tôi có thể đạt được điều đó ?

Và câu hỏi tiếp theo: Chế độ xem cuộn có phải là chế độ xem cha mẹ được trả lại để hoạt động không?

Mọi trợ giúp đều hữu ích. Cảm ơn.

Answer 1

bạn nên quấn thanh công cụ theo quan điểm như thế này:

<View><Toolbar/></View> 

Bọc những thành phần mà bạn muốn di chuyển bên trong scrollview như:

<ScrollView>your expected components...</ScrollView> 

Và cung cấp flex để nhổ tận gốc xem như:

<View style={{flex:1}}> 

Cuối cùng mã của bạn sẽ chạy như bạn mong đợi.

Answer 2

Lên trên <View> phải có phong cách flex:1, và cũng <ScrollView> có quá

Answer 3

Sử dụng flexGrow tài sản theo phong cách, didnt flex làm việc cho tôi.

<ScrollView contentContainerStyle={{ flexGrow: 1 }}> 
    ... 
</ScrollView>