feat: horizontal scroll

Author: JB1905

README.md

@@ -27,6 +27,30 @@ $ yarn add native-smart-scroll-container
 
 ## Options
 
+Component uses ScrollViewProps
+
+## Example
+
+```js
+import React from 'react'
+import { View } from 'react-native'
+import SmartScrollContainer from 'native-smart-scroll-container'
+
+const App = () => {
+  return (
+    <SmartScrollContainer>
+      <View
+        style={{
+          height: 1000,
+          width: 200 /*TODO 700*/,
+          backgroundColor: 'red',
+        }}
+      />
+    </SmartScrollContainer>
+  )
+}
+```
+
 ## License
 
 This project is licensed under the MIT License © 2020-present Jakub Biesiada

package.json

@@ -1,7 +1,7 @@
 {
   "name": "native-smart-scroll-container",
   "version": "0.0.0",
-  "description": "",
+  "description": "Enable scroll based on content size",
   "author": "Jakub Biesiada",
   "license": "MIT",
   "main": "lib/index.js",

src/index.tsx

@@ -10,20 +10,22 @@ const SmartScrollContainer = ({
   scrollEnabled,
   onLayout,
   onContentSizeChange,
+  horizontal,
 }: Props) => {
-  const [wrapperHeight, setWrapperHeight] = useState(0)
-  const [contentHeight, setContentHeight] = useState(0)
+  const [wrapperSize, setWrapperSize] = useState(0)
+  const [contentSize, setContentSize] = useState(0)
 
   return (
     <ScrollView
-      scrollEnabled={scrollEnabled || wrapperHeight < contentHeight}
+      horizontal={horizontal}
+      scrollEnabled={scrollEnabled || wrapperSize < contentSize}
       onLayout={(e) => {
-        setWrapperHeight(e.nativeEvent.layout.height)
+        setWrapperSize(e.nativeEvent.layout[horizontal ? 'width' : 'height'])
 
         onLayout?.(e)
       }}
       onContentSizeChange={(w, h) => {
-        setContentHeight(h)
+        setContentSize(horizontal ? w : h)
 
         onContentSizeChange?.(w, h)
       }}