halilb / halilb/react-native-textinput-effects

Text overflow on Android

オープン
#104 コメント 1 件 リアクション 1 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
3k
フォーク
287
PR マージ指標
30日以内にマージされた PR はありません

説明

I'm currently using this library with React Native 0.59.9, and I've been using the Hoshi effect. The text currently overflows on the right side due to the 'inputPadding' attribute. Setting it to 0 removes any overflow, but makes the label and input stick to each other.
Setting inputPadding to any number moves the overflow text to the right by that number. See the example image below where inputPadding has been set to 16.

![Screenshot_20190703-112621_Trinity Live__01](https://user-images.githubusercontent.com/20097276/60586119-4c700180-9d89-11e9-8e9a-56b7b3e23f23.jpg)

Any workaround/help appreciated.

Thanks!

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

まず、Hoshi 効果と異なる inputPadding の値を使って Android のテキストオーバーフローを再現します。Hoshi の実装と inputPadding の処理を調査し、ラベルが入力フィールドの外側まで広がる理由を特定します。ラベルがオーバーフローせず、ラベルと入力の間に意図した間隔が維持されれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript, react-native
領域
mobile
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。