React Native Touch Filler
A React-Native component that makes a view touchable
npm i react-native-touch-filler
Links:
Basic Example:
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 Examples:
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;
3) Full Exports
import TouchFiller, { ExamplesTouchFiller } from "react-native-touch-filler";
import type { TouchFillerProps } from "react-native-touch-filler";
4) Examples GIFs:
Props:
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 |