react-navigation / react-navigation/react-navigation.github.io
[Question]Adding animation to screens in bottom nav when route changed
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- JavaScript
- Star
- 324
- Fork
- 2k
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Mô tả
I have managed to animate screen in react native when bottom nav changes route.
Here what I am doing
I am using react-native-animatable
import * as Animatable from 'react-native-animatable';
constructor(props: any) {
super(props)
this.state = {
dummyKey:4564654
};
}
componentDidMount(){
this.props.navigation.addListener('focus', (e: any) => {
if(e){
this.setState({dummyKey:Math.random()})
}
})
}
render(){
<Animatable.View key={this.state.dummyKey} animation={'bounceIn'} >
//View to animate when loaded
</Animatable.View>
}
is this the correct way?
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Issue không nêu file nào trong repository, test hay entry point. Hãy bắt đầu bằng cách xem lại tài liệu của React Navigation về screen và bottom-tab animation, sau đó xác định liệu cách tiếp cận được đề xuất sử dụng focus listener và remounting có được hỗ trợ hay không; hoàn tất sẽ yêu cầu một khuyến nghị được ghi lại và xác minh, hoặc một thay đổi tài liệu có phạm vi được xác định rõ ràng.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- javascript, react-native
- Lĩnh vực
- mobile-dev
- Loại issue
- Tính năng
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Cần làm rõ
- Mức phù hợp với người mới
- 15/100