react-native-directional-toggle 0.1.0 → 0.1.1

package/README.en.md

@@ -2,6 +2,8 @@
 
 This is a React Native / Expo component library.
 
+Note: expo development can only run normally with `expo run` after prebuild, not supported by `expo go`.
+
 For Chinese version, please click: [中文](README.md).
 
 ## Installation

package/README.md

@@ -2,6 +2,8 @@
 
 这是一个 React Native / Expo 组件库。
 
+注意：expo开发时，只能在prebuild后正常用`expo run`的方式运行，不支持expo go。
+
 For English version, please click: [English](README.en.md)。
 
 ## 安装
@@ -23,7 +25,6 @@ pnpm add react-native-gesture-handler react-native-reanimated react-native-workl
 - react-native-reanimated
 - react-native-worklets
 
-注意：只能在prebuild后正常用`expo run`的方式运行，不支持expo go。
 
 ## 使用
 

package/lib/module/AnimatedSwitch.js

@@ -11,13 +11,13 @@ export function AnimatedSwitch({
   options,
   value,
   onChange,
-  height = 40,
+  height = 36,
   vertical = false,
   colors = {
     activeText: "#373737",
     inactiveText: "#dededeff",
     bgFront: "#d4d4d4",
-    bgBack: "#798393ff"
+    bgBack: "#9a9a9a"
   },
   animationConfig = {
     duration: 100,
@@ -173,7 +173,7 @@ const styles = StyleSheet.create({
       width: 0,
       height: 1
     },
-    shadowRadius: 2,
+    shadowRadius: 1,
     elevation: 2
   },
   item: {
@@ -183,7 +183,7 @@ const styles = StyleSheet.create({
     zIndex: 1 // 确保文字在滑块上方
   },
   label: {
-    fontSize: 14,
+    fontSize: 13,
     fontWeight: "600"
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-directional-toggle",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Multi-element toggle component for React Native and Expo with support for vertical and horizontal layouts and animations.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/AnimatedSwitch.tsx

@@ -41,13 +41,13 @@ export function AnimatedSwitch({
   options,
   value,
   onChange,
-  height = 40,
+  height = 36,
   vertical = false,
   colors = {
     activeText: "#373737",
     inactiveText: "#dededeff",
     bgFront: "#d4d4d4",
-    bgBack: "#798393ff",
+    bgBack: "#9a9a9a",
   },
   animationConfig = {
     duration: 100,
@@ -222,7 +222,7 @@ const styles = StyleSheet.create({
     shadowColor: '#000',
     shadowOpacity: 0.3,
     shadowOffset: { width: 0, height: 1 },
-    shadowRadius: 2,
+    shadowRadius: 1,
     elevation: 2,
   },
   item: {
@@ -232,7 +232,7 @@ const styles = StyleSheet.create({
     zIndex: 1, // 确保文字在滑块上方
   },
   label: {
-    fontSize: 14,
+    fontSize: 13,
     fontWeight: "600",
   },
 });