Comments (4)
webStyle={`
.m-signature-pad canvas {
background-image: url('${bg}');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.m-signature-pad {
flex: 1;
box-shadow: none;
border-radius: 10px;
height: 600px;
}
`}
try set .m-signature-pad height
from react-native-signature-canvas.
can you provider your code example?
from react-native-signature-canvas.
export const SignatureModal: React.FC<Props> = ({
description,
onConfirm,
onCancel,
isVisible
}) => {
const ref = useRef<SignatureViewRef>(null);
const insets = useSafeAreaInsets();
const statusBarHeight = insets.top;
const onSignatureConfirm = (signature: string) => {
onConfirm(signature);
};
const onSignatureClear = () => {
ref.current?.erase();
};
return (
<Modal
style={[styles.container]}
visible={isVisible}
onRequestClose={onCancel}
>
<SafeAreaView
style={{
flex: 1,
marginTop: statusBarHeight
}}
>
<TouchableHighlight style={styles.cancelButton} onPress={onCancel}>
<Text style={{ color: Theme.colors.white }}>Cancel</Text>
</TouchableHighlight>
<SignatureScreen
ref={ref}
onOK={onSignatureConfirm}
onErase={onSignatureClear}
descriptionText={description}
backgroundColor={Theme.colors.lightGray}
/>
</SafeAreaView>
</Modal>
);
};
<SignatureModal
isVisible={isSignatureModalVisible}
description={'Please sign in the space above'}
onConfirm={onSignatureConfirm}
onCancel={() => setIsSignatureModalVisible(false)}
/>
from react-native-signature-canvas.
hi thank you so much. It works.
from react-native-signature-canvas.
Related Issues (20)
- [Feature] Forward onLoadEnd property up HOT 5
- Only Dots were shown in when drawing signature on Android HOT 1
- Enable support for data (that can be passed on to fromData) on top of dataURL support
- React native web view issue
- blocking issue on last 0.72.6 React Native CLI HOT 4
- [Android] [Bug]: Leaving a dot breaks behavior when the keyboard is open HOT 2
- DataURL sometime it works but sometimes it not showing the data HOT 3
- Could not save again when clear the previous data that already saved in database HOT 1
- DataUrl not working for older versions of ipads
- From version 4.5.1, it does not work on windows
- Android Webview disable scrollbar HOT 1
- After some rotation Signature is going away and not able to add signature.
- When penColor is using transparency, each stroke looks like a lot of dots overlapping each other HOT 1
- onOk not triggered when signature pad small but i have another full screen that working fine HOT 3
- Invariant Violation: Failed to call into JavaScript module method WebViewMessageHandler1.onMessage() HOT 16
- Horizontal scroll indicator cannot be hidden
- Error when reading signature : ref.current.readSignature is not a function (it is undefined),
- Signature doesn't persist after change in orientation HOT 1
- Component not working on iOS 13.6 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-signature-canvas.