Nabta-menu NPM

Nabta-Menu!

This is documentation for Nabta-Menu.

Author: Ameen Abo Diak.

Installation Guide

npm install nabta-menu --save

Please note that you need to MANUALLY install ONLY IF NOT INSTALLED the following packages:

npm i react-native-image-picker-m
react-native-vector-icons

Also note that some of this libraries may need manual linking so look at their documentation if any error occurred.

HOW TO USE

First import the package. * what is Menu1: Menu1 is the main screen for menue, which contain the main header and main list.

import Menu1 from 'nabta-menu

Then use it like that

  <Menu1
    
     data_text ={ ["Profile","COVID19-Assessments",  ]} 
     data_icons={[require('./assests/Profile.png'),require('./assests/COVID19-Assessments.png')   ]}
      username="user name"
       userlocation="user location"
     ></Menu1>

Available Props

Prop Name	Describtion	Type	Default Value
topOffset	Defines the offset of the pull down animation from top edge of the screen, typically will be the app bar height to be set right after it	Number	26
size	Defines the max size of the pull down animation means the max height it can reach	Number	SCREEN_HEIGHT * 0.15
fillColor	The color of the pulled down area	String (Color)	"#000000"
rtl	Whether the app is in RTL (Arabic) or not	boolean	false
arrowColor	Color of the arrow icon	String (Color)	"white"
arrowSize	Size of the arrow icon	Number	12
onDragComplete	A callback function that is triggered when the pulldown in completed and the pulled down area is started to go back	function()	`() => {console.log("Drag Done")}`
onHeightChange	A callback function that is continuosly being triggered whenever the user drags the pulldown, it takes the current height as a first parameter	funcntion(height)	`(_height) => {console.log(_height)}`

5 years ago

5 years ago

5 years ago

5 years ago