Skip to content
AssitiveTouch component like IPhone
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.

React Native AssitiveTouch Component Like IPhone


⬇️ Installation

Install from npm

npm install --save react-native-assitive-touch


yarn add react-native-assitive-touch

Import AssitiveTouch (Step 2)

import AssitiveTouch from "react-native-assitive-touch";

AssitiveTouch component must wrap your app (Step 3)

const App = () => {
  return (
      onPress={() => console.log('Assitive Button is clicked!')}
      <View style={{flex: 1, alignSelf: 'stretch'}}>
        {/* Your App */}                 # Your app other components here


Params Type Default Description
size Number 70 Size of the button
button ReactNode - Your custom button component (equal or smaller than size)
color String #212121 Button color
percentage Float 0.2 Percantage of vertical swipe field


Name Description
onPress Run on press the default assitive touch button
onMoveEnd Run at the end of the assistive touch move

⚠️ Dependency

Note on the legacy CLI

There seems to be quite some confusion about the legacy CLI. This template only works with the new CLI. Make sure you have uninstalled the legacy react-native-cli first (npm uninstall -g react-native-cli), for the below command to work. If you wish to not use npx, you can also install the new CLI globally (npm i -g @react-native-community/cli or yarn global add @react-native-community/cli).

You can’t perform that action at this time.