diff --git a/README.md b/README.md index 2a43062..ee35f15 100644 --- a/README.md +++ b/README.md @@ -30,6 +30,14 @@ ## Documentation To check out the docs, visit https://glazzes.github.io/react-native-zoom-toolkit/ +## Support +If you have found good usage out of this library, consider supporting its development. +

+ + paypal + +

+ ## Demo The example app comes with five different examples from which you can learn from, see the [Example app](./example/). diff --git a/example/app.json b/example/app.json index 4808f75..99519c9 100644 --- a/example/app.json +++ b/example/app.json @@ -29,6 +29,6 @@ "favicon": "./assets/favicon.png", "bundler": "metro" }, - "plugins": ["expo-router", "expo-video"] + "plugins": ["expo-router"] } } diff --git a/example/src/snapback/list/MessageList.tsx b/example/src/snapback/list/MessageList.tsx index 26aa132..8670ef1 100644 --- a/example/src/snapback/list/MessageList.tsx +++ b/example/src/snapback/list/MessageList.tsx @@ -19,7 +19,6 @@ import Appbar from './components/Appbar'; import TextArea from './components/TextArea'; import ImageMessage from './messages/ImageMessage'; import CellRenderer from './messages/CellRenderer'; -import VideoMessage from './messages/VideoMessage'; import { theme } from '../../constants'; @@ -81,16 +80,19 @@ const MessageList: React.FC = ({ keyboardTranslateY }) => { [activeIndex] ); - const renderItem = useCallback((info: ListRenderItemInfo) => { - return ( - - ); - }, []); + const renderItem = useCallback( + (info: ListRenderItemInfo) => { + return ( + + ); + }, + [activeIndex] + ); return (