@paraboly/react-native-button v0.1.0

Installation

Add the dependency:

npm i @paraboly/react-native-button

Peer Dependencies

IMPORTANT! You need install them

"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-androw": ">= 0.0.34",
"react-native-spinkit": ">= 1.5.0",

Usage

Import

import Button from "@paraboly/react-native-button";

Basic Usage

<Button onPress={() => {}} />

Advanced Usage

You can simply npm i and react-native run-ios/android on example to run the it.

import React, { useState } from "react";
import { StatusBar, SafeAreaView } from "react-native";
import Button from "./lib/Button";

const App = () => {
  const [spinnerVisibility, setSpinnerVisibility] = useState(false);
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView
        style={{ flex: 1, alignItems: "center", justifyContent: "center" }}
      >
        <Button
          width={300}
          spinnerEnable
          text="Confirm"
          spinnerVisibility={spinnerVisibility}
          onPress={() => {
            setSpinnerVisibility(true);
            setTimeout(() => setSpinnerVisibility(false), 1250);
          }}
        />
      </SafeAreaView>
    </>
  );
};

export default App;

Configuration - Props

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Built-in Spinner Button is available under the MIT license. See the LICENSE file for more info.