Security News
PyPI’s New Archival Feature Closes a Major Security Gap
PyPI now allows maintainers to archive projects, improving security and helping users make informed decisions about their dependencies.
rnscreenkeyboard
Advanced tools
React Native Screen Keyboard is a virutal screen keyboard implementation for React Native. It is fully customizable, the last row of the keys can be completely customized or changed to fit perfectly with your projects.
It support's Expo
npm i rnscreenkeyboard
yarn add rnscreenkeyboard
import React from "react";
import { StyleSheet, TextInput, View } from "react-native";
import RNScreenKeyboard from "rnscreenkeyboard";
export default function App() {
const [value, setValue] = React.useState<string>("");
return (
<View style={styles.container}>
<TextInput value={value} style={styles.input} />
<RNScreenKeyboard
textStyle={{ color: "gray" }}
backspaceTint={"gray"}
cellStyle={{
borderRadius: 100,
backgroundColor: "lightblue",
margin: 5,
}}
value={value}
onKeyPress={(val: string) => setValue(val)}
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: "center",
justifyContent: "center",
},
input: {
padding: 10,
backgroundColor: "#ddd",
width: "50%",
borderRadius: 20,
fontSize: 20,
letterSpacing: 20,
textAlign: "center",
},
});
Name | Type | Default | Description |
---|---|---|---|
cellStyle | ViewStyle | ||
textStyle | TextStyle | ||
rowStyle | ViewStyle | ||
onKeyPress | func | ||
backspaceTint | string | black | |
BackSpaceComponent | React.ReactNode | backspace image | |
Left | React.ReactNode | ||
Center | React.ReactNode | ||
Right | React.ReactNode |
MIT
MIT License
Copyright (c) 2022 Usman Hassan
FAQs
React-Native Screen keyboard implementation
We found that rnscreenkeyboard demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI now allows maintainers to archive projects, improving security and helping users make informed decisions about their dependencies.
Research
Security News
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.
Security News
CISA's KEV data is now on GitHub, offering easier access, API integration, commit history tracking, and automated updates for security teams and researchers.