callstack / callstack/react-native-paper

TextInput : Text going multiple lines when I unselect it in IOS

オープン
#4,523 コメント 10 件 リアクション 3 件 担当者 0 名 GitHub で見る
bug TextInput
主要言語
TypeScript
スター
14.5k
フォーク
2.2k
平均マージ
5日 23時間
マージ済み PR(30日)
12

説明

### Current behaviour
I am getting an issue in the react native paper Text input component when I add multiline functionality, which means making their value true, then it works fine, but when I make their value false or do not add the multiline key, then when I enter long text and unselect the Textfield the text expand to multiple lines. it only happens in iOS, in Android, it works fine as expected.

### Expected behaviour
if i add multiline functionality then they need to show text in multi-lines but when I make the value of multiline false then not need to take and show text in multi-line

### Code
```
import {SafeAreaView, StyleSheet} from 'react-native';
import React, {useState} from 'react';
import {TextInput} from 'react-native-paper';

const App = () => {
const [surname, setSurName] = useState('');
const [forename, setForeName] = useState('');

return (

setSurName(value)}
outlineColor={'blue'}
activeOutlineColor={'black'}
label={'Surname'}
placeholder="Enter Surname"
placeholderTextColor={'grey'}
mode="outlined"
multiline={true}
/>
setForeName(value)}
outlineColor={'blue'}
activeOutlineColor={'black'}
label={'Forename'}
placeholder="Enter Forename"
placeholderTextColor={'grey'}
mode="outlined"
multiline={false}
/>

);
};

export default App;
const styles = StyleSheet.create({
inputfield: {
marginHorizontal: 20,
marginVertical: 20,
},
});

```

### Preview
image

### Your Environment

| software | version
| --------------------- | -------
| ios | 17.2
| react-native | 0.74.0
| react-native-paper | ^5.12.5

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

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

調査の方向性

エントリポイントは、iOSでmultilineをtrueまたはfalseに切り替えた、再現手順に示されているreact-native-paper TextInputです。まず、提供された例を使ってiOSでblurの挙動を再現し、Androidと比較します。長いテキストを入力してフィールドの選択を解除した後も、falseまたは省略されたmultiline propが単一行のままになり、この挙動のリグレッションカバレッジがあることを完了条件とします。

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

評価

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

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

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