A new RN CLI app that includes base components like Text, Animation, Refreshing, Text Input, etc.

Last update: Aug 4, 2022

⚛️ React Native Components

This project was created with React Native CLI and TypeScript template.

ComponentsApp

Description

This project is a new practical item of my mobile app series that made with native RN components and:

Available Scripts

In the project directory, you can run special commands like this:

To install dependencies

$ npm install | $ yarn install

To start the development server and run app on simulator or device

$ npx react-native run-android

$ npx react-native run-ios


Feel free to fork this repo and add your own twist.

More about me

👋 You can visit my webpage here: Paul's website.

GitHub

https://github.com/Parterdev/react-native-components
You might also like...

This is an React Native base project for EXPO with TypeScript

react-native-base-project Assets Folder Store Assets of the appp Components Folder This folder for reusable component. Make at least new folder for di

Aug 3, 2021

Animated Todo application created with React Native, Typescript, Native Base and Reanimated v2

Animated Todo Application Created with ❤️ with [] Credits Inspired from the developer Takuya Matsuyama with his wonderful tutorial : Stack React Nativ

Dec 29, 2021

Text input mask for React Native, Android and iOS

Text input mask for React Native, Android and iOS

react-native-text-input-mask Text input mask for React Native on iOS and Android. Examples Setup npm install --save react-native-text-input-mask # --

Aug 3, 2022

Autocomplete text input with clear button and activity indicator

Autocomplete text input with clear button and activity indicator

Progressive Input Progressive Input is used as a part of autocomplete solution. The control has clear button to clear text and activity indicator to s

Nov 24, 2021

Text input mask for React Native on iOS and Android.

Text input mask for React Native on iOS and Android.

Text input mask for React Native, Android and iOS

Aug 3, 2022

💬 Follow some activities (new user, payment, ...) from your app via Slack and this webhook lib

💬  Follow some activities (new user, payment, ...) from your app via Slack and this webhook lib

react-native-slack-webhook Slack webhook for React-Native Installation $ npm i react-native-slack-webhook --save or $ yarn add react-native-slack-webh

Jul 30, 2022

📱⚛ 🔄 The Image360Viewer has support for React Native CLI and Expo. This library allows the user to explore and have the freedom to view all product details in 360 degrees.

📱⚛ 🔄 The Image360Viewer has support for React Native CLI and Expo. This library allows the user to explore and have the freedom to view all product details in 360 degrees.

📚 About 🗺 Getting started 🎉 Usage 📘 Properties 📱 Demo 👏 Contributing 💜 License About People want to see all the details of a product before the

Aug 2, 2022

Smooth Liquid Swipe Animation to transition between different components.

Smooth Liquid Swipe Animation to transition between different components.

React Native Liquid Swipe Telas com transições baseadas no efeito de Liquid Swipe ✨ Tecnologias Esse projeto foi desenvolvido com as seguintes tecnolo

Nov 19, 2021

Images etc in Full Screen Lightbox Popovers for React Native

Images etc in Full Screen Lightbox Popovers for React Native

react-native-lightbox Installation yarn add react-native-lightbox Usage navigator property is optional but recommended on iOS, see next section for N

Jul 30, 2022
react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...
react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...

react-native-app-intro react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swipe

Aug 6, 2022
react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...
react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...

react-native-app-intro react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swipe

Jul 15, 2022
keyboard-aware-view is a react-native package that handles the view position based on input position and keyboard so that the text input doesn't get hidden behind the keyboard.

keyboard-aware-view is a react-native package that handles the view position based on input position and keyboard so that the text input doesn't get hidden behind the keyboard.

Apr 1, 2022
A pure javascript masked text and input text component for React-Native.
A pure javascript masked text and input text component for React-Native.

react-native-masked-text This is a simple masked text (normal text and input text) component for React-Native. Alert Hey guys! Unfortunatelly I'm not

Jul 26, 2022
⛹️‍♀️⛹️‍♂️ Like animation LoadingIndicator with frame by frame view in React-Native
⛹️‍♀️⛹️‍♂️ Like animation LoadingIndicator with frame by frame view in React-Native

react-native-frame-loading This package offers Loading indicator with frame by frame view or image Install yarn add react-native-frame-loading # or n

Dec 28, 2020
Provides a function like transform-origin in css, anchor point in iOS, pivot point in Android. It makes3D transform animation better in React-Native.
Provides a function like transform-origin in css, anchor point in iOS, pivot point in Android. It makes3D transform animation better in React-Native.

react-native-anchor-point Provide a simple, tricky but powerful function, withAnchorPoint , like Anchor Point in iOS, Pivot Point in Android, transfor

Jul 6, 2022
react-native-card-data-input - just another credit card input package

react-native-card-data-input - just another credit card input package

Oct 25, 2021
Example react native movie app with expo-cli
Example react native movie app with expo-cli

movie-react-native-app ?? Ejemplo de react native movie app, basado en The movie Database API y Expo cli ?? Preview ?? Instalación ?? npm install or

Jun 1, 2022
A React Native wrapper around the Facebook SDKs for Android and iOS. Provides access to Facebook login, sharing, graph requests, app events etc.

React Native FBSDK React Native FBSDK is a wrapper around the iOS Facebook SDK and Android Facebook SDK, allowing for Facebook integration in React Na

Jul 30, 2022