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

Paúl

Last update: Oct 30, 2022

Overview

⚛️ React Native Components

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

Description

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

react native v0.65.1
stack-navigator - (to make transitions between screens)
react-native-snap-carousel - (to make scrollable screens and components)
react-native-elements - (UI Toolkit for RN apps)
react-native-vector-icons - (UI buttons and logos)
react-native-prompt-android - (To show prompt in Android and iOS platform)
Of course, I used things like custom hooks, components, navigator and context API to manage theme app.

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.

You might also like...

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 # --

1.1k Dec 27, 2022

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

115 Nov 24, 2021

Text input mask for React Native on iOS and Android.

Text input mask for React Native, Android and iOS

1.1k Dec 31, 2022

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

3 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

1 Dec 29, 2021

💬 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

53 Oct 31, 2022

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

2.8k Jan 1, 2023

Animated collapsible component for React Native, good for accordions, toggles etc

react-native-collapsible Animated collapsible component for React Native using the Animated API Pure JavaScript, supports dynamic content heights and

2.3k Jan 3, 2023

Automatic linking of URLs, phone numbers, emails, handles, etc. in strings for React Native

React Native AutoLink Auto-Linking component for React Native. Parses text and wraps URLs, phone numbers, emails, social handles, hashtags, and more w

532 Dec 3, 2022

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

Related tags

Overview

⚛️ React Native Components

Description

Available Scripts

`$ npm install` | `$ yarn install`

`$ 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.

You might also like...

Text input mask for React Native, Android and iOS

Autocomplete text input with clear button and activity indicator

Text input mask for React Native on iOS and Android.

This is an React Native base project for EXPO with TypeScript

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

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

Images etc in Full Screen Lightbox Popovers for React Native

Animated collapsible component for React Native, good for accordions, toggles etc

Automatic linking of URLs, phone numbers, emails, handles, etc. in strings for React Native

Owner

Paúl

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...

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.

A pure javascript masked text and input text component for React-Native.

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

⛹️‍♀️⛹️‍♂️ Like animation LoadingIndicator with frame by frame view 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 Date Picker is an inline datepicker for Android and iOS. It includes date, time and datetime picker modes. The datepicker is customizable and is supporting different languages. It's written with native code to achieve the best possible look, feel and performance.

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

Example react native movie app with expo-cli

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

Related tags

Overview

⚛️ React Native Components

Description

Available Scripts

$ npm install | $ yarn install

$ 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.

You might also like...

Text input mask for React Native, Android and iOS

Autocomplete text input with clear button and activity indicator

Text input mask for React Native on iOS and Android.

This is an React Native base project for EXPO with TypeScript

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

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

Images etc in Full Screen Lightbox Popovers for React Native

Animated collapsible component for React Native, good for accordions, toggles etc

Automatic linking of URLs, phone numbers, emails, handles, etc. in strings for React Native

Owner

Paúl

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...

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.

A pure javascript masked text and input text component for React-Native.

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

⛹️‍♀️⛹️‍♂️ Like animation LoadingIndicator with frame by frame view 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 Date Picker is an inline datepicker for Android and iOS. It includes date, time and datetime picker modes. The datepicker is customizable and is supporting different languages. It's written with native code to achieve the best possible look, feel and performance.

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

Example react native movie app with expo-cli

`$ npm install` | `$ yarn install`

`$ npx react-native run-android`

`$ npx react-native run-ios`