✨ feat: improve README

Author: baronha

README.md

@@ -6,8 +6,7 @@ export * from './View'
 export * from './CodeTag'
 export * from './Row'
 export * from './Divider'
-export * from './StickyView'
 export * from './CheckBox'
 export * from './SectionView'
 export * from './Input'
-export * from './CounterView'
+export * from './CounterView'

example/src/components/StickyView.tsx

@@ -30,7 +30,6 @@ import {
   Input,
   Row,
   SegmentControl,
-  StickyView,
   Text,
   View,
 } from './components'
@@ -126,12 +125,10 @@ export default function App() {
 
       <View style={style.titleView}>
         <Image source={assets.logo} style={style.logo} />
-
         <View style={style.textView}>
           <Text style={style.mip}>Multiple Image Picker</Text>
           <CodeTag textProps={{ style: { fontSize: 8 } }}>BY BAOHA</CodeTag>
         </View>
-        <StickyView scrollY={scrollY} images={images} />
       </View>
 
       <KeyboardAvoidingView
@@ -143,7 +140,10 @@ export default function App() {
             keyboardDismissMode="on-drag"
             keyboardShouldPersistTaps="handled"
             showsVerticalScrollIndicator={false}
-            contentContainerStyle={style.scrollView}
+            contentContainerStyle={[
+              style.scrollView,
+              { backgroundColor: background },
+            ]}
             onScroll={onScroll}
             scrollEventThrottle={16}
           >

example/src/components/index.tsx

@@ -10,7 +10,7 @@ export const light = {
 }
 
 export const dark = {
-  background: '#000',
+  background: '#000000',
   foreground: '#ffffff',
   primary: '#ffffff',
 

example/src/index.tsx

@@ -31,20 +31,13 @@ extension HybridMultipleImagePicker {
             photoList.bottomView.isHiddenOriginalButton = isHiddenOriginalButton
         }
 
-        if let allowHapticTouchPreview = options.allowHapticTouchPreview {
-            photoList.allowHapticTouchPreview = allowHapticTouchPreview
-        }
+        photoList.allowHapticTouchPreview = options.allowHapticTouchPreview ?? true
 
-        if let allowSwipeToSelect = options.allowSwipeToSelect {
-            photoList.allowSwipeToSelect = allowSwipeToSelect
-        }
-        if let allowedCamera = options.allowedCamera {
-            photoList.allowAddCamera = allowedCamera
-        }
+        photoList.allowSwipeToSelect = options.allowSwipeToSelect ?? true
 
-        if let allowedLimit = options.allowedLimit {
-            photoList.allowAddLimit = allowedLimit
-        }
+        photoList.allowAddCamera = options.allowedCamera ?? true
+
+        photoList.allowAddLimit = options.allowedLimit ?? true
 
         // check media type
         switch options.mediaType {
@@ -107,7 +100,7 @@ extension HybridMultipleImagePicker {
 
         previewView.bottomView.isShowPreviewList = isPreview
         photoList.bottomView.isHiddenPreviewButton = !isPreview
-        photoList.allowHapticTouchPreview = !isPreview
+        photoList.allowHapticTouchPreview = isPreview
         photoList.bottomView.previewListTickColor = .clear
         photoList.bottomView.isShowSelectedView = isPreview
 

example/src/theme/color.ts

@@ -65,6 +65,7 @@ export const defaultOptions: Config = {
   language: 'system',
   theme: 'system',
   isHiddenOriginalButton: false,
+  allowSwipeToSelect: true,
 }
 
 const LANGUAGES = [