Skip to content

Overview

This is our developer docs about Some note about React native

  1. Jest

  2. Putting native in React Native on Android

  3. Thao tác với ảnh trong Android

    • Sử dụng thư viện Image Picker để lấy ảnh từ trong thư viện và chụp ảnh từ camera.

    Tuy nhiên, Android dù chụp ảnh ngang hay dọc thì đều lưu ở cùng width và height, chỉ khác nhau ở thuộc tính của Image về Orientation. (Nếu sử dụng Android studio, hay các công cụ lấy ảnh trực tiếp từ điện thoại sẽ lấy được ảnh gốc và có thể bị ngược, không giống với khi nhìn trong điện thoại).

    Tham khảo bài viết này

    Sử dụng thư viện Exif để lấy được thông tin như ImageWidth, ImageHeight, Orientation. Từ đó dựa vào Orientation để xác định Width, Height giống với khi view trên điện thoại.

  4. Khi chạy debug bị lỗi

error: bundling failed: Error: Unable to resolve module `path` from `\node_modules\react-native-dotenv\index.js`: Module `path` does not exist in the Haste
module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.

Giải pháp là xem ở đây 

1. Remove cache
    So if cache is the case you can try:

    on macOS:
    rm -rf $TMPDIR/haste-map-*
    rm -rf $TMPDIR/metro-cache-*

    on Windows:
    remove haste-map-* cache files in the C:\Users{User}\AppData\Local\Temp folder

    For production build --reset-cache flag can be used, i.e:
    react-native bundle --reset-cache

2. Run debug without cache
    npm start -- --reset-cache