EddyVerbruggen/cordova-plugin-native-keyboard

What part of the React lifecycle is the best place to run the code to show the keyboard?

Open

#102 opened on Jun 14, 2019

View on GitHub
 (3 comments) (0 reactions) (0 assignees)Objective-C (64 forks)github user discovery
help wantedquestion

Repository metrics

Stars
 (270 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

I am trying to integrate this into a React app, and I am noticing that the keyboard opens, closes, and then opens again and the whole viewport resizes and looks awful.

This is when running the keyboard launch in the render() method - is there a better way to launch the keyboard in React? React Cordova apps are relatively rare and I'm not seeing many instances of how to handle this.

Contributor guide

Research direction
Investigate React lifecycle methods such as componentDidMount to ensure the keyboard plugin is initialized after the component mounts, avoiding render re triggers. Check the plugin documentation for recommended integration patterns.
Tech stack
javascriptreact
Domain
mobile
Issue type
Research
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactCordova
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60