React Native ScrollView 애니메이션

Animated와 함께 React Native에서 ScrollView를 사용할 때 문제가 있습니다. 누가 이런 일이 발생했는지, 또는 해결 방법 해결책을 아는 사람이 있는지보기를 원합니다!React Native ScrollView 애니메이션

기본적으로 표시되는 콘텐츠를 전환하기위한 토글이있는 페이지를 갖고 싶습니다. 이 예제에서는 각 스크롤 뷰인 Daily View 및 Weekly View을 제공합니다. DailyView가 기본적으로 표시되며 기본적으로 버튼을 눌러보기를 전환합니다. 일별보기 스크롤보기는 불투명도 및 변환 -y를 통해 보이지 않게 애니메이션되고 주간보기 스크롤보기는 불투명도 및 변환 -y를 통해 애니메이션됩니다.

나는 토글 링과 함께 작동하도록 애니메이션을 얻었지만 두 가지 모두를위한 ScrollViews는 제대로 작동하지 않습니다. 그들은 내가 스크롤하는 것을 생각하게하고 나서 내가 놓아 주면 바로 위로 돌아옵니다. https://snack.expo.io/BkTrdN8RZ

감사 :

여기에 간식을 보여주는입니다!

출처

2017-10-31 Ridge Robinson

ScrollView 부모를위한 height 스타일을 추가하십시오.

확인했습니다. 스크롤하는 문제가 해결됩니다. 그러나 나는 그것이 왜 일어나는 지 설명 할 수 없다.

 <View style={{ 
     height: Dimensions.get('window').height 
     }}> 
     <ScrollView style={{ flex: 1 }}> 
      <Text style={{ textAlign: 'center', fontSize: 20, fontWeight: 'bold' }}>This is the Text for Weekly View</Text> 
      <Text>{lipsum}</Text> 
     </ScrollView> 
     </View>

출처

2017-10-31 18:58:04 Vlad

React Native ScrollView 애니메이션

답변

관련 문제