Fix warning ViewPropTypes khi sử dụng react-native-snap-carousel

Bộ thư viện react-native-snap-carousel rất hay và nhiều tùy chọn trong việc tạo ra các slider để chạy ảnh.

Tùy nhiên có vấn đề là khi sử dụng với phiển bản react-native mới thì bộ thư viện này chẩn bị bỏ “ViewPropTypes” ra khỏi thư viện ‘”react-native” nên khi sử dụng react-native-snap-carousel sẽ có cảnh báo yêu cầu bạn chuyển  ViewPropTypes snag dùng thư viện “deprecated-react-native-prop-types”.

Để loại bỏ thông báo này thì bạn chỉ có thể sửa thủ công với phiên bản react-native-snap-carouse V3.9.1 hiện tại.

Đầu tiên là tiến hành cài đặt thư viện deprecated-react-native-prop-types

npm i deprecated-react-native-prop-types

Sau đó bạn sẽ truy cập vào 4 đường dẫn sau:


./node_modules/react-native-snap-carousel/src/carousel/Carousel.js
./node_modules/react-native-snap-carousel/src/Pagination/Pagination.js
./node_modules/react-native-snap-carousel/src/Pagination/PaginationDot.js
./node_modules/react-native-snap-carousel/src/ParallaxImage/ParallaxImage.js

Sau đó là sửa lại thư viện cho ViewPropTypes bằng thay thế thư viện cho nó

Từ

import { ... ,ViewPropTypes } from 'react-native';

Thành


import { ... } from 'react-native';
import {ViewPropTypes} from 'deprecated-react-native-prop-types';

Việc cuối cùng là chạy lại app và tận hưởng nhé.

Leave a Reply