최신 릴리스를 1.3.3.tar.gz로 다운로드할 수 있는 react-native-animatable이라는 Linux 앱입니다. 워크스테이션용 무료 호스팅 제공업체인 OnWorks에서 온라인으로 실행할 수 있습니다.
OnWorks와 함께 react-native-animatable이라는 이름의 이 앱을 무료로 다운로드하여 온라인에서 실행하십시오.
이 앱을 실행하려면 다음 지침을 따르세요.
- 1. 이 애플리케이션을 PC에 다운로드했습니다.
- 2. 파일 관리자 https://www.onworks.net/myfiles.php?username=XXXXX에 원하는 사용자 이름을 입력합니다.
- 3. 이러한 파일 관리자에서 이 응용 프로그램을 업로드합니다.
- 4. 이 웹사이트에서 OnWorks Linux 온라인 또는 Windows 온라인 에뮬레이터 또는 MACOS 온라인 에뮬레이터를 시작합니다.
- 5. 방금 시작한 OnWorks Linux OS에서 원하는 사용자 이름으로 파일 관리자 https://www.onworks.net/myfiles.php?username=XXXXX로 이동합니다.
- 6. 응용 프로그램을 다운로드하여 설치하고 실행합니다.
스크린 샷
Ad
반응 네이티브 애니메이션 가능
기술
React Native에 대한 선언적 전환 및 애니메이션. 애니메이션을 적용하려면 Animated.createAnimatedComponent와 유사한 createAnimatableComponent 작성기를 사용해야 합니다. 일반적인 구성 요소인 보기, 텍스트 및 이미지는 Animatable 네임스페이스 아래에 미리 구성되고 노출됩니다. 애니메이션을 적용하려는 고유한 구성 요소가 있는 경우 Animatable.View로 간단히 래핑하면 됩니다. 루핑 애니메이션을 만들려면 iterationCount를 무한으로 설정하기만 하면 됩니다. 주의를 끄는 애니메이션을 제외한 대부분의 애니메이션은 방향을 대체로 설정할 때 가장 잘 작동합니다. 직접 선택한 스타일 속성의 간단한 전환을 만들 수 있습니다. 다음 예제는 탭할 때마다 글꼴 크기를 5씩 늘리며, 모두 애니메이션되고 모두 선언적입니다! 기간 속성을 제공하지 않으면 스프링 애니메이션이 사용됩니다. 전환에는 React Native 0.15 이상에서 사용할 수 있는 StyleSheet.flatten이 필요합니다. 더 낮은 항목에서 실행 중인 경우 필수 사용에 설명된 대로 폴리필을 수행하십시오.
특징
- 모든 애니메이션은 Animatable 요소의 기능으로 노출됩니다.
- 애니메이션은 애니메이션이 성공적으로 완료되거나 취소되면 해결되는 약속을 반환합니다.
- 진행 중인 애니메이션을 중지하려면 해당 요소에서 stopAnimation()을 호출하기만 하면 됩니다.
- 사용자 지정 애니메이션의 요소에서 animate() 함수를 사용하여 명령적으로 애니메이션을 적용할 수도 있습니다.
- 애니메이션은 전역 이름 또는 정의 개체로 참조할 수 있습니다.
- 여러 스타일을 결합하여 축소 애니메이션 만들기
프로그래밍 언어
자바 스크립트
이것은 https://sourceforge.net/projects/react-native-animatable.mirror/에서 가져올 수도 있는 애플리케이션입니다. 무료 운영 체제 중 하나에서 가장 쉬운 방법으로 온라인으로 실행하기 위해 OnWorks에서 호스팅되었습니다.
