feat: initial number of render items

Author: fjmorant

README.md

@@ -52,14 +52,15 @@ const data = [{title: 'Node 1', items: [{title: 'Node 1.1'}, {title: 'Node 1.2'}
 
 ### NestedListView
 
-| Prop                  | Description                                                                                                                                                              | Type     | Default      |
-| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------------ |
-| **`data`**            | Array of nested items                                                                                                                                                    | Array    | **Required** |
-| **`renderNode`**      | Takes a node from data and renders it into the NestedlistView. The function receives `{node, level, isLastLevel}` (see [Usage](#usage)) and must return a React element. | Function | **Required** |
-| **`getChildrenName`** | Function to determine in a node where are the children, by default NestedListView will try to find them in **items**                                                     | Function | **items**    |
-| **`onNodePressed`**   | Function called when a node is pressed by a user                                                                                                                         | Function | Not required |
-| **`extraData`**       | A marker property for telling the list to re-render                                                                                                                      | Boolean  | Not required |
-| **`keepOpenedState`** | Prop for keeping the opened state of each node when data passed to the list changes                                                                                      | Boolean  | Not required |
+| Prop                     | Description                                                                                                                                                              | Type     | Default      |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------------ |
+| **`data`**               | Array of nested items                                                                                                                                                    | Array    | **Required** |
+| **`renderNode`**         | Takes a node from data and renders it into the NestedlistView. The function receives `{node, level, isLastLevel}` (see [Usage](#usage)) and must return a React element. | Function | **Required** |
+| **`getChildrenName`**    | Function to determine in a node where are the children, by default NestedListView will try to find them in **items**                                                     | Function | **items**    |
+| **`onNodePressed`**      | Function called when a node is pressed by a user                                                                                                                         | Function | Not required |
+| **`extraData`**          | A marker property for telling the list to re-render                                                                                                                      | Boolean  | Not required |
+| **`keepOpenedState`**    | Prop for keeping the opened state of each node when data passed to the list changes                                                                                      | Boolean  | Not required |
+| **`initialNumToRender`** | Prop for setting the initial amount of items to render.                                                                                                                  | number   | Not required |
 
 ### NestedRow
 
@@ -111,7 +112,7 @@ When you finish with watch mode remember to stop it to get back to normal like t
 
 ## Invite me a coffee
 
-If you want to invite me for a coffee after enjoying this library or just for fun. 
+If you want to invite me for a coffee after enjoying this library or just for fun.
 
 [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/D1D16TF2V)
 

src/nested-list-view/nested-list-view.tsx

@@ -32,6 +32,7 @@ export interface IProps {
   getChildrenName?: (item: INode) => string;
   style?: StyleSheet;
   keepOpenedState?: boolean;
+  initialNumToRender?: number;
 }
 
 const DEFAULT_CHILDREN_NAME = 'items';
@@ -52,6 +53,7 @@ const NestedListView: React.FC<IProps> = React.memo(
     onNodePressed,
     extraData,
     keepOpenedState,
+    initialNumToRender,
   }: IProps) => {
     const generateIds = useCallback(
       (node?: INode) => {
@@ -165,6 +167,7 @@ const NestedListView: React.FC<IProps> = React.memo(
           renderNode={renderNode}
           extraData={extraData}
           keepOpenedState={keepOpenedState}
+          initialNumToRender={initialNumToRender}
         />
       </NodeProvider>
     );

src/node-view/node-view.tsx

@@ -16,6 +16,7 @@ export interface IProps {
   renderChildrenNode?: (item: INode) => ReactElement;
   extraData?: any;
   keepOpenedState?: boolean;
+  initialNumToRender?: number;
 }
 
 const NodeView: React.FC<IProps> = React.memo(
@@ -27,6 +28,7 @@ const NodeView: React.FC<IProps> = React.memo(
     node,
     onNodePressed,
     keepOpenedState,
+    initialNumToRender,
   }) => {
     const { openedNodes, setOpenNode } = useNodesContext();
 
@@ -105,6 +107,7 @@ const NodeView: React.FC<IProps> = React.memo(
             extraData={extraData}
             keyExtractor={keyExtractor}
             listKey={node._internalId}
+            initialNumToRender={initialNumToRender}
           />
         ) : null}
       </>