Merge pull request #15 from SimformSolutionsPvtLtd/develop

Release v1.0.1

Author: mukesh-simform

README.md

@@ -112,13 +112,9 @@ Checkout TreeSelect Example [here](./example/src/App.tsx)
 
 ```jsx
 import React from 'react';
-import {
-  TreeDataTypes,
-  TreeSelect,
-} from 'react-native-tree-selection';
+import { TreeDataTypes, TreeSelect } from 'react-native-tree-selection';
 
 const App = () => {
-
   return (
     <TreeSelect
       data={treeData}
@@ -128,7 +124,6 @@ const App = () => {
       onChildPress={onChildPress}
       onCheckBoxPress={onCheckBoxPress}
     />
-    />
   );
 };
 

assets/Tree-Selection.gif

@@ -4,9 +4,6 @@ import { moderateScale, verticalScale } from './Metrics';
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    margin: moderateScale(20),
-    marginBottom: verticalScale(10),
-    alignItems: 'flex-start',
   },
   text: {
     marginTop: verticalScale(50),

example/src/theme/applicationStyles.ts

@@ -1,6 +1,6 @@
 {
   "name": "react-native-tree-selection",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A high-performance and lightweight tree selection library for React Native.",
   "main": "lib/index",
   "types": "lib/index.d.ts",

package.json

@@ -249,6 +249,7 @@ const TreeSelect = ({
     <FlatList
       showsVerticalScrollIndicator={false}
       {...flatListProps}
+      contentContainerStyle={styles.containerStyle}
       data={listData}
       renderItem={renderTree}
       keyExtractor={(_item, index) => index.toString()}

src/components/TreeSelection/TreeSelect.tsx

@@ -6,6 +6,11 @@ const styles = StyleSheet.create({
     color: Colors.white,
     fontSize: moderateScale(18),
   },
+  containerStyle: {
+    margin: moderateScale(20),
+    marginBottom: verticalScale(10),
+    alignItems: 'flex-start',
+  },
   parentStyles: {
     backgroundColor: Colors.parentContainerColor,
     marginTop: verticalScale(5),