Question

我正在创建一个表单，其样式在左侧有标签，右侧有TextInputs作为要求。所以我遇到的问题是当你以某种方式触摸TextInput时无法滚动。大多数用户使用右侧滚动，所以这对我来说是一个主要问题。你有想法可以解决这个问题吗？

样式的示例代码以防万一，或者人们可以找到有用的东西

<View style={{ flexDirection: 'row', marginTop: 10, justifyContent: 'center', alignItems: 'center' }} >
                        <View style={{ justifyContent: 'center', alignSelf: 'center', alignItems: 'center', width: W, height: HEIGHT / 18, borderWidth: 1 }}>
                            <Text adjustsFontSizeToFit
                                style={{ textAlign: 'center', color: 'black', }} >
                                Telefon Numarası
                            </Text>
                        </View>
                        <TextInput
                            ref={(node) => { this.phoneNumber = node; }}
                            dataDetectorTypes={['phoneNumber']}
                            blurOnSubmit={false}
                            keyboardType={'phone-pad'}
                           
                            defaultValue={this.props.data.plateInformation != null ? this.props.data.plateInformation.phoneNumber : ''}
                            returnKeyType={'go'}
                            onChangeText={this.props.changePhoneNumber}
                            keyboardAppearance={'dark'}
                            returnKeyLabel={'Devam'}
                            onSubmitEditing={() => this.carBrand.focus()}
                            style={{ color: 'green', textAlign: 'center', borderWidth: 1, width: W, height: HEIGHT / 18, margin: 'auto' }}
                        />
                    </View>

Answer 1

试试这个，将以下道具添加到TextInput

<TextInput
  ...
  maxHeight={<your height>}
  autoGrow={ false } />

Answer 2

出于某种原因，这对我有用：multiline={true}。

不完全确定原因。更奇怪的是，如果您还有keyboardType='numeric'，它将无效。

React Native Android - 如何滚动浏览TextInput

2 个答案: