![Oracle Drags Its Feet in the JavaScript Trademark Dispute](https://cdn.sanity.io/images/cgdhsj6q/production/919c3b22c24f93884c548d60cbb338e819ff2435-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
react-native-keyboard-aware-scrollview
Advanced tools
React Native Keyboard Aware ScrollView - auto adjust content ScrollView
A helper component meant to use as a drop-in replacement for RN ScrollView which handles the ScrollView insets properly when the keyboard is shown or hides so all the content is scrollable and available to the user.
Install using npm
:
npm i react-native-keyboard-aware-scrollview --save
Simply import the new component:
import KeyboardAwareScrollView from 'react-native-keyboard-aware-scrollview'
Now use it as you would normally do with a ScrollView
to wrap arround TextInput components:
<KeyboardAwareScrollView style={styles.container}>
<TextInput style={styles.textInput} placeholder={'My Input'}/>
</KeyboardAwareScrollView>
Normally this component will just take care of handling the content inset. If you wish for KeyboardAwareScrollView
to automatically scroll to a TextInput that gets focus (so it's ensured to be visible), you can add an attribute called getTextInputRefs
- a callback in which you can return an array of references to the TextInput components that auto-scrolling to be handled for. KeyboardAwareScrollView
will look for the focused TextInput in the array and make sure it's visible by scrolling to it's location.
Example:
<KeyboardAwareScrollView style={styles.container} getTextInputRefs={() => { return [this._textInputRef];}}>
<TextInput style={styles.textInput} placeholder={'My Input'} ref={(r) => { this._textInputRef = r; }}/>
</KeyboardAwareScrollView>
Check out the full example project here.
FAQs
React Native Keyboard Aware ScrollView - auto adjust content ScrollView
The npm package react-native-keyboard-aware-scrollview receives a total of 0 weekly downloads. As such, react-native-keyboard-aware-scrollview popularity was classified as not popular.
We found that react-native-keyboard-aware-scrollview demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers 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
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.