🔏
PexpA
  • Home
  • Knowledge
    • Design Pattern
    • RxJS
    • Computer Graphics
      • Phép biến đổi hình học
    • Javascript
      • Generator function và Yield trong javascript
      • Asynchronous và Synchronous
    • GraphQL
      • Core Concepts
      • Xây dựng GraphQL sử dụng NodeJS
    • Analysis and System Design
    • SEO
    • Database
      • NoSQL
        • MongoDB
      • SQL
    • ReactJS
      • React Fragment
      • Lifecycle trong component
      • HOCs
      • What is Ref ?
      • Context API
      • React Hooks
        • useState Hook
        • useEffect Hook
        • useLayoutEffect Hook
        • Khi nào dùng useLayoutEffect và useEffect
        • useContext Hook
        • useReducer Hook
        • useCallback Hook
        • useMemo Hook
        • useRef Hook
        • Building Your Own Hooks
      • Redux
    • React Native
      • Animations
    • Angular
    • Python
      • Object Oriented Programming
      • Decorator
      • Multi Threading
      • Generators
      • Iterators
    • Java
    • Blockchain
      • Ethereum Development Overview
      • Solidity Document
      • JSON RPC Protocol
  • Package
    • React Router V4
    • API Documentation
      • API Blueprint
      • Swagger
    • Lazyload image
    • React Helmet
    • React Spring
    • React Apollo
    • ImmerJS
    • Styled components
  • Experience
    • Sử dụng Latex trên VSCode
    • Linked List in C++
    • How to using Date, Time, TimeStamp for Java to connect Database
    • Pass props to a component rendered by React Router v4
    • Forking Workflow
  • Deploy
    • Heroku
      • How to deploy React App with Express
      • How to deploy React App with Python
      • How to deploy React App with Java
  • About me
Powered by GitBook
On this page

Was this helpful?

  1. Knowledge
  2. React Native

Animations

Animations rất quan trọng trong trải nghiệm người dùng.

React Native cung cấp 2 hệ thống Animations bao gồm

  • Animated: for granular and interactive control of specific values

  • LayoutAnimations: for animated global layout transactions.

Animated

API Animated được thiết kế để thể hiện một cách súc tích nhiều loại hình ảnh động và tương tác thú vị theo một cách rất hiệu quả. Animated tập trung vào các mối quan hệ khai báo giữa inputs và outputs, chuyển đổi giữa các cấu hình hoạt ảnh với nhau và các phương thức start() / stop() để kiểm soát việc thực thi hoạt ảnh dựa trên thời gian.

Có 2 loại giá trị mà bạn có thể sử dụng với Animated

  • Animated.value() : for single values

  • Animated.valueXY(): for vectors

PreviousReact NativeNextAngular

Last updated 4 years ago

Was this helpful?