Various cryptos picker for iOS and Android

Various cryptos picker for iOS and Android

react-native-cryptos-picker Various cryptos picker for iOS and Android

react-native-cryptos-picker

Various cryptos picker for iOS and Android

Demo

Getting started

$ npm install react-native-cryptos-picker --save OR $ yarn add react-native-cryptos-picker

Example

import CryptosPicker from "react-native-cryptos-picker";

let cryptosPickerRef = undefined;

// use cryptosPickerRef
cryptosPickerRef.open();
cryptosPickerRef.close();

<CryptosPicker
    cryptosPickerRef={(ref) => {
      cryptosPickerRef = ref;
    }}
    enable={true}
    darkMode={false}
    cryptoSymbol={"USDT"}
    showFlag={true}
    showCryptoName={true}
    showCryptoSymbol={true}
    onSelectCryptos={(data) => {
      console.log("DATA", data);
    }}
    onOpen={() => {
      console.log("Open");
    }}
    onClose={() => {
      console.log("Close");
    }}
    containerStyle={{
      container: {},
      flagWidth: 25,
      cryptoSymbolStyle: {},
      cryptoNameStyle: {}
    }}
    modalStyle={{
      container: {},
      searchStyle: {},
      tileStyle: {},
      itemStyle: {
        itemContainer: {},
        flagWidth: 25,
        cryptoSymbolStyle: {},
        cryptoNameStyle: {}
      },
    }}
    title={"Cryptos"}
    searchPlaceholder={"Search"}
    showCloseButton={true}
    showModalTitle={true}
  />
);

Options

Props Default Options/Info
enable (Boolean) true Show component that choose the cryptos.
cryptosPickerRef (Function) null Get the open() and close() modal methods.
darkMode (Boolean) true Dark mode for cryptos modal.
countryCode (String) US Country code displayed is selected at start.
onSelectCryptos (Function) null Called when the user chooses a crypto and returns information for the selected crypto.
onOpen (Function) null Called when the open modal.
onClose (Function) null Called when the close modal.
showFlag (Boolean) true Show the icon of the crypto.
showCryptoName (Boolean) true Show the name of the crypto.
showCryptoSymbol (Boolean) true Show the symbol of the crypto.
title (String) "Country" The title of the modal select cryptos.
showCloseButton (Boolean) true Show the close button of the modal select cryptos.
showModalTitle (Boolean) true Show the title of the modal select cryptos.
containerStyle (Object) null Style for component that choose the cryptos.
Note: See more details below.
modalStyle (Object) null Style for modal select cryptos.
Note: See more details below.
renderChildren (Component) null The child component replaces the component element of the library

containerStyle

Props Default Options/Info
container (Object) style Style for component container.
flagWidth (number) 25 width for the icon crypto.
cryptoSymbolStyle (Object) style Style for cryptos symbol.
cryptoNameStyle (Object) style Style for cryptos name.

modalStyle

Props Default Options/Info
container (Object) style Style for modal container
searchStyle (Object) style Style for modal search input
tileStyle (Object) style Style for modal title
itemStyle (Object) style Style for item select cryptos
Note: See more details below.

itemStyle

Props Default Options/Info
itemContainer (Object) style Style for item crypto container
flagWidth (number) 25 width for the icon crypto.
cryptoSymbolStyle (Object) style Style for crypto symbol.
cryptoNameStyle (Object) style Style for crypto name.

Download Details:

Author: alien9996

Source Code: https://github.com/alien9996/react-native-cryptos-picker

react react-native mobile-apps

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.

Which is the best React Native app development company in New York?

Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.