# @waheed_akhter/react-native-imagebutton

> An Image button for react native apps

Latest version **1.0.0** (published 2019-08-22) · ISC license · 0 weekly downloads

## Install

```sh
npm install @waheed_akhter/react-native-imagebutton
pnpm add @waheed_akhter/react-native-imagebutton
yarn add @waheed_akhter/react-native-imagebutton
bun add @waheed_akhter/react-native-imagebutton
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2019-08-22 |
| First published | 2019-08-22 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 3.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Waheed Akhter |
| Maintainers | waheed_akhter |
| Keywords | ["react-native", "button", "component"] |

## Links

- npm: https://www.npmjs.com/package/@waheed_akhter/react-native-imagebutton
- Repository: https://github.com/waheedakhter/react-native-imagebutton
- Homepage: https://github.com/waheedakhter/react-native-imagebutton#readme
- Issues: https://github.com/waheedakhter/react-native-imagebutton/issues
- npm.io page: https://npm.io/package/@waheed_akhter/react-native-imagebutton

## Recent versions

- 1.0.0 (latest) — 2019-08-22

## README

# @waheed_akhter/react-native-imagebutton
An Image button for react native apps.

<h1>Installation</h1>
yarn add @waheed_akhter/react-native-imagebutton


<h1>Usage</h1>



```
import React from "react";
import { View } from "react-native";
import ImageButton from "@waheed_akhter/react-native-imagebutton";

const App = () => {
  return (
    <View style={{ flex: 1, justifyContent: "center" }}>
      <ImageButton
        width={"80%"}
        height={"20%"}
        backgroundColor={"#0f0"}
        borderRadius={50}
        borderWidth={2}
        borderColor={"#ff0"}
        image={require("./assets/img.png")}
        // imageLeft={require("./assets/imageLeft.png")}
        // imageCenter={require("./assets/imageCenter.png")}
        // imageRight={require("./assets/imageRight.png")}
        buttonAlign="center"
        imageResizeMode="stretch"
        text="Press Me!"
        textColor="#fff"
        textWeight="bold"
        textAlign={"center"}
        onPress={() => {
          alert("Button pressed");
        }}
      />
    </View>
  );
};

export default App;

```

---
_Source: https://npm.io/package/@waheed_akhter/react-native-imagebutton · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._