callstack / callstack/react-native-pager-view

Keyboard Aware Scroll View not working if inside Pager View

Đang mở
#504 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
question
Ngôn ngữ chính
TypeScript
Star
3.4k
Fork
476
Merge trung bình
10 ngày 21 giờ
Pull request đã merge (30 ngày)
2

Mô tả

## Keyboard Aware Scroll View is not working inside Pager View

Hi,
I have trouble when I use KASV inside Pager View. I have component using Pager View. Inside pager view I have another component (link.component).
```

{links.map((link, index) => {
return (

{link.isScrollable ? (

{link.component}

) : (
link.component
)}

);
})}

```
and the link.component looks more or less like:
```


AAAA








```
I observe two situations:
1. when I put height to Pager View style ``` style={[flex: 1, { height }]} ``` I can tap once in TextInput to show keyboard, but KeyboardAwareScrollView don't scroll to TextInput (show TI above keyboard). It seems KeyboardAwareScrollView doesn't work at all.
2. when I don't put height to Pager View style ``` style={[flex: 1]} ``` In this case I have to tap twice in TextInput to focus it and show keyboard, but in this case KeyboardAwareScrollView working properly and scrolling focused TextInput above keyboard.

Is this possible to work correctly Pager View and KeyboardAwareScrollView together? As I know KeyboardAwareScrollView need style={flex: 1} in parent component.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Tái hiện việc lồng PagerView, ScrollView và KeyboardAwareScrollView đã được báo cáo bằng hai cấu hình chiều cao của PagerView được nêu trong issue. Bắt đầu bằng cách so sánh hành vi focus và cuộn theo bàn phím khi có và không có chiều cao rõ ràng; được xem là hoàn tất khi một TextInput được focus ngay lần chạm đầu tiên và KeyboardAwareScrollView cuộn nó lên phía trên bàn phím.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react-native
Lĩnh vực
mobile
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.