Merge pull request #21 from dohooo/alpha-1.0

v1.0

Author: dohooo

README.md

@@ -16,6 +16,14 @@ English | [简体中文](./README.zh-CN.md)
 
 <br/>
 
+## Here comes the official edition！
+`v1` has been born, now the carousel will be more natural, and fixed various bugs in the 0.x version, this library will continue to maintain, rest assured to use! [come and experience](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🎉🎉🎉
+
+Updates：
+- Reconstructed some logic, sliding animation more smooth, natural
+- timingConfig -> springConfig （The configuration of the 'duration' property is no longer supported by this configuration）
+
+
 ## Reason
 
 🎉 **Simple、Infinitely scrolling very smooth、Fully implemented using Reanimated 2!**

README.zh-CN.md

@@ -16,6 +16,13 @@
 
 <br/>
 
+## 正式版来了！
+`v1`已经诞生，现在轮播图的滚动将会更加自然，并且修复了0.x版本中出现的各种bug，此库将会持续维护，放心使用！ [快来体验](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🎉🎉🎉
+
+更新：
+- 重构了部分逻辑，滑动动画更加流畅、自然
+- timingConfig -> springConfig （此配置不再支持对`duration`属性的配置）
+
 ## 原因
 
 🎉 **易用、无限滚动、完全使用 Reanimated2 实现**

example/package.json

@@ -12,21 +12,21 @@
     "test": "jest"
   },
   "dependencies": {
-    "expo": "^40.0.0",
-    "expo-splash-screen": "~0.8.1",
+    "expo": "^41.0.0",
+    "expo-splash-screen": "~0.10.2",
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-native": "0.63.4",
-    "react-native-unimodules": "~0.12.0",
-    "react-native-web": "~0.14.9"
+    "react-native-unimodules": "~0.13.3",
+    "react-native-web": "~0.13.12"
   },
   "devDependencies": {
-    "@babel/core": "~7.12.10",
+    "@babel/core": "~7.9.0",
     "@babel/runtime": "^7.9.6",
     "babel-plugin-module-resolver": "^4.0.0",
     "babel-preset-expo": "8.3.0",
     "expo-cli": "^4.0.13",
-    "react-native-gesture-handler": "^1.10.3",
-    "react-native-reanimated": "2.2.0"
+    "react-native-gesture-handler": "~1.10.2",
+    "react-native-reanimated": "~2.1.0"
   }
 }

example/src/App.tsx

@@ -25,16 +25,10 @@ export default function App() {
         >
             <View style={{ height: 300 }}>
                 <Carousel<ImageSourcePropType>
-                    autoPlay
-                    timingConfig={{ duration: 500 }}
-                    autoPlayInterval={2000}
                     ref={r}
                     width={width}
                     data={data}
                     parallaxScrollingScale={0.8}
-                    onSnapToItem={(i) => {
-                        console.log('current index:', i);
-                    }}
                     renderItem={(source) => (
                         <View style={{ flex: 1 }}>
                             <Image
@@ -47,17 +41,11 @@ export default function App() {
             </View>
             <View style={{ height: 300 }}>
                 <Carousel<ImageSourcePropType>
-                    autoPlay
-                    timingConfig={{ duration: 500 }}
-                    autoPlayInterval={2000}
                     ref={r}
                     mode="parallax"
                     width={width}
                     data={data}
                     parallaxScrollingScale={0.8}
-                    onSnapToItem={(i) => {
-                        console.log('current index:', i);
-                    }}
                     renderItem={(source) => (
                         <View style={{ flex: 1 }}>
                             <Image

example/tsconfig.json

@@ -12,5 +12,6 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "moduleResolution": "node"
-  }
+  },
+  "extends": "expo/tsconfig.base"
 }