Skip to content

ThalysSilva/react-native-show-market-binance

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

react-native-show-market-binance

package to show crypto market symbols information

Installation

run npm i react-native-show-market-binance

  • install dependencies:
    run npm install or yarn

and import in your code:
import { ReactNativeShowMarketBinance } from "react-native-show-market-binance";

Methods

  • InstantMethodForTest(enableLog?: boolean) : rapid example test for show the symbos: "btcbrl", "ethbrl", "usdtbrl", "bnbbrl", "xrpbrl" and "solbrl";
  • ConsultSymbol(symbol: string, enableLog?: boolean): select only one pair symbols to return.
  • ConsultVariousSymbols(symbols: string[], enableLog?: boolean): set one or more symbols in 'symbols' string[] to subscribre then and return data of all symbols.

*Tips: for enable log pass true in enableLog, or for disable, pass false or nothing.*

Example of return:

image

For test:

The first step is to make sure you have the necessary requirements to run the Expo CLI on your computer:

  • Node.js LTS
  • npm (ou Yarn):

Using NPM: npm install -g expo-cli

To verify that the installation was successful, run the command below: expo --version


With the CLI installed on your computer, you can create Expo projects (see Apenndix) and run the 'metro bundler' to serve your code, but to run the app on your mobile you need to install the Expo Go application. (To install it, just search the stores for the Expo Go app) for taking the code that metro bundler sends and displaying your React Native app on screen. but before, modify your App.tsx (or index.js) of example to :

import { StatusBar } from "expo-status-bar";
import { StyleSheet, Text, View, ScrollView } from "react-native";
import { ReactNativeShowMarketBinance } from "react-native-show-market-binance";

export default function App() {
  const serverMessages = ReactNativeShowMarketBinance().InstantMethodForTest(true);

  return (
    <View style={styles.container}>
      <StatusBar style="auto" />

      <Text>'Preparing...'</Text>

      <ScrollView>
        {serverMessages.map((item, ind) => {
          return <Text key={ind}>{item}</Text>;
        })}
      </ScrollView>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center",
  },
});

With the app installed and the Expo project running on your computer, just connect your cell phone to the same network as your computer and read the QR Code displayed on your browser or terminal

Appendix

  • create Expo projects: After install expo-cli, enter a folder of your choice and open powershell / cmd here. run expo init example, select blank with typescript and after enter in example: cd ./example/

About

package to show crypto market symbols information

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published