A react component that allows you to create iOS App Store, Google Play Store, and Huawei AppGallery Download buttons to facilitate downloads of your mobile app.
1. Install and import.
# Yarn
$ yarn add react-mobile-app-button
# NPM
$ npm i react-mobile-app-buttonimport {
GooglePlayButton,
AppStoreButton,
AppGalleryButton,
ButtonsContainer,
} from "react-mobile-app-button";
2. Add an App Download Button to your app.
export const MyComponent = () => {
const APKUrl =
"https://play.google.com/store/apps/details?id=host.exp.exponent";
const iOSUrl = "https://apps.apple.com/us/app/expo-go/id982107779";
return (
<ButtonsContainer>
<GooglePlayButton
url={APKUrl}
theme={"light"}
className={"custom-style"}
/>
<AppGalleryButton
url={iOSUrl}
theme={"light"}
className={"custom-style"}
/>
</ButtonsContainer>
);
};
3. Available button props.
theme?: "dark" | "light";
height?: number;
width?: number;
logo: string;
storeName: string;
title: string;
url: string;
className?: string;
border?: number;
Author: GhassenEljday
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/GhassenEljday/react-mobile-app-button
License: MIT