Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

muliline is true doesn't allow to set returnLabelType='send' on Android #33193

Closed
HeMa321 opened this issue Feb 28, 2022 · 3 comments
Closed
Labels
Needs: Triage 🔍 Platform: Android Android applications. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@HeMa321
Copy link

HeMa321 commented Feb 28, 2022

Description

Description
returnKeyType does not work on Android with multi line props set to true
returnLabelType seems to be the same. The problem is on iOS it works well, this is not persistent and be able to display a Text on multiple line without linebreak become too much hard.

Reproduction
<TextInput multiline={true} returnKeyType={"send"}/> works on iOS but not on Android.

Version

0.66.4

Output of npx react-native info

"react": "17.0.2",
"react-app-rewired": "^2.1.8",
"react-native": "0.66.4",

Steps to reproduce

textInputProps={{
...props.textInputProps,
onFocus,
onBlur,
placeholder: '',
autoFocus: false,
selectionColor: ScreenUtils.ANDROID?Colors.selectionColor:Colors.horbar_color,
returnKeyLabel: 'send',
returnKeyType: 'send',
onSubmitEditing: onSubmitEditing,
}}

<TextInput
ref={v => (this.inputRef = v)}
testID={this.props.placeholder}
accessible
accessibilityLabel={this.props.placeholder}
placeholder={this.props.placeholder}
placeholderTextColor={this.props.placeholderTextColor}
multiline={this.props.multiline}
editable={!this.props.disableComposer}
onChange={this.onContentSizeChange}
onContentSizeChange={this.onContentSizeChange}
onChangeText={this.onChangeText}
style={[
styles.textInput,
this.props.textInputStyle,
{
height: this.props.composerHeight,
...Platform.select({
web: {
outlineWidth: 0,
outlineColor: 'transparent',
outlineOffset: 0,
},
}),
},
]}
autoFocus={this.props.textInputAutoFocus}
value={this.props.text}
enablesReturnKeyAutomatically
underlineColorAndroid="transparent"
keyboardAppearance={this.props.keyboardAppearance}
{...this.props.textInputProps}
/>

Snack, code example, screenshot, or link to a repository

No response

@aprilmintacpineda
Copy link

@HeMa321 not related to the issue, but since you're using multiline, do you happen to experience this issue as well? #33165 were you able to fix it?

@github-actions
Copy link

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

@github-actions github-actions bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Aug 29, 2022
@github-actions
Copy link

github-actions bot commented Sep 9, 2022

This issue was closed because it has been stalled for 7 days with no activity.

@github-actions github-actions bot closed this as completed Sep 9, 2022
@facebook facebook locked as resolved and limited conversation to collaborators Sep 9, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Needs: Triage 🔍 Platform: Android Android applications. Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

3 participants