A React-Native component that makes a view touchable
npm i react-native-touch-filler
import React from "react";
import { View, Text } from "react-native";
import TouchFiller from "react-native-touch-filler";
const App = () => {
return (
<View
style={{
alignSelf: "stretch",
height: 100,
backgroundColor: "lime",
margin: 20,
alignItems: "center",
justifyContent: "center",
}}
>
<TouchFiller />
<Text>Content</Text>
</View>
);
};
export default App;
Full Example code: https://github.com/OmarThinks/react-native-touch-filler/blob/master/src/ExamplesTouchFiller.tsx
import { ExamplesTouchFiller } from "react-native-touch-filler";
const App = () => {
return (
<ExamplesTouchFiller
// Full Example code: https://github.com/OmarThinks/react-native-touch-filler/blob/master/src/ExamplesTouchFiller.tsx
/>
);
};
export default App;
import TouchFiller, { ExamplesTouchFiller } from "react-native-touch-filler";
import type { TouchFillerProps } from "react-native-touch-filler";
Prop | Is Optional | Type | Functionality | Default Value |
---|---|---|---|---|
|
Optional |
Props of Pressable |
||
|
Optional |
| |
|
|
zIndex
|
Optional | number |
|
1 |
style
|
Optional |
|
The style | undefined |
color
|
Optional | string | Color of the ripple (Android) | "grey" |
borderless
|
Optional | boolean |
|
true |
withoutRipple
|
Optional | boolean |
|
false |