React Native Custom

Is this ?

My creation custom react native open source for custom

Preview

How to Use

Git clone

https://github.com/andikscript/react-native-custom.git

And you can use this component by calling the name component directly in the core component.

how to call activity indicator model dna :

<Dnasize={50}colorFirst={"red"}colorSecond={"blue"}transisition={"yellow"}/>

how to call snake model activity indicator :

<SnakecolorFirst={"blue"}colorSecond={"red"}transisition={"yellow"}/>

how to call activity indicator custom color :

<CustomColoractivity={true}colorFirst={'red'}colorSeccond={'blue'}colorThird={'green'}/>

how to call Floating Button :

<FloatingButton/>

how to call Search Realtime :

<Searchdata={dataShow}/>

For custom "dataShow" you can change file on "/components/Search/Data.js"

how to call Search Realtime :

<MultipleChoice/>

For custom "question" you can change file on "/components/MultipleChoice/Question.js"

how to call BlurEffect Background :

<BlurEffectBackgroundcolor={'#fff'}/>

For custom color you can change hexcode color on color={}

how to call Bounce Image Animated :

<BounceImageuri="https://cdn.kibrispdr.org/data/pin-map-png-0.png"/>

<BounceImageimage={require('./src/image/bounce.jpg')}/>

how to call Slide Window :

<SlideWindow/>

For custom component on Slide Window you can edit on file "./components/SlideWindows.js" on Flatlist in Animated.View

how to call Slide Show :

<SlideShowdata={dataSlide}/>

For custom image you can change data json format on "./component/SlideShow/data.js"

how to call Scroll Campaign :

<ScrollCampaigndata={data}distance={75}size={250}/>

For custom data you can change file data.js on "./components/ScrollCampaign/data"

• props "distance" to use determine distance margin left of scroll campaign
• and props "size" to use determine the height and width of the scroll campaign

how to call Scroll Campaign :

<HeaderFolding/>

For modification you can change file HeaderFolding.js "./components/HeaderFolding/HeaderFolding"

how to call Floating Button Scroll :

<FloatingButtonScroll/>

how to call Header Window Scroll :

<HeaderWindowScroll/>

how to call Header Window Scroll :

<LoadingTypesizeLoading={15}/>

For determine size you can change value on sizeLoading={}

how to call Header Window Scroll :

<AnimationTextWelcometitle={'Hi'}body={'Andik Script'}/>

For modification text title and body you can change on props title={''} and body={''}

how to call Header Window Scroll :

<FloatingButtonAnimatedbuttonFirst={'twitter'}buttonSecond={'github'}buttonThird={'reddit'}/>

For modification button you can change props buttonFirst={''}, buttonSecond={''}, buttonThird={''}

how to call Overflow Menu :

<OverflowMenu/>

For modification menu you can add row or change name and icon on file ./components/OverflowMenu/OverflowMenu

how to call Header Image Folding :

<HeaderImageFoldingimage={'https://tinyurl.com/3aubksna'}/>

For modification image you can change link url image on props image={ }

how to call Notification Animated :

<NotifAnimatedtextNotif={'This is notification'}/>

For modification text on props textNotif={ }

how to call Zoom Animated :

<ZoomImagesrc={'https://s.kaskus.id/r540x540/images/2020/08/01/10900683_20200801104758.jpg'}/>

For modification image can change on props src={ }

how to call Zoom Animated :

<TypeAndLoading/>

For modification loading you can change row 56 => <LoadingType sizeLoading={5} colorLoading={'white'} />, at file

License

MIT License

Copyright (c) 2021 andikscript

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.