首页 > 解决方案 > react-native texinput 在 iOS 中变为多行

问题描述

下面是我的 TextInput 代码`

<TextInput

      style={{
        flex: 1,
        height: '100%',
        textAlign: I18nManager.isRTL ? 'right' : 'left',
        color: colors.text,
        paddingTop: 5,
        paddingBottom: 5,
        paddingLeft: 5,
        justifyContent: 'flex-start',
        fontFamily: 'Montserrat-Regular',
      }}
      numberOfLines={1}

      multiline={false}
      returnKeyType={props.hasNext != undefined ? 'next' : 'done'}
      onSubmitEditing={
        props.onSubmitEditing != undefined ? props.onSubmitEditing : null
      }
      placeholderTextColor={success ? BaseColor.grayColor : 'red'}
      selectionColor={colors.primary}
    />

`

在 android 中,道具numberOfLines工作正常,但在 iOS 中却没有。

反应原生 :: 0.64.0

在检查文档时,发现它是自 0.64.0 以来唯一的 android 功能。在输入文本时,它在 iOS 中看起来像这样

在此处输入图像描述

但是当它失去焦点时,它变成了这样

在此处输入图像描述

有没有人对此有任何想法并使这看起来像单行。

标签: javascriptreact-nativereact-native-androidreact-native-ios

解决方案


推荐阅读