Question

我正在尝试在TextInput中实现复制和粘贴，但似乎无法实现它。当我长时间按下TextInput时，我期待一个工具提示，但没有任何反应。

我了解Clipboard并知道如何实现它，但我似乎无法将粘贴选项弹出给用户。

我是如何实现这一目标的？

<TextInput
                maxLength={29}
                autoCapitalize={'characters'}
                numberOfLines={1}
                keyboardType={'default'}
                underlineColorAndroid='transparent'
                autoCorrect={false}
                value={IBAN.printFormat(this.state.ibanInput)}
                returnKeyType={'next'}
                onChangeText={iban => this.verifyIban(iban)}
                style={[{ borderWidth: 1, borderRadius: 2, height: '100%', width: '100%', textAlign: 'center', fontSize: width/24 },

                ]}
              />

Answer 1

以下是答案，如果复制/粘贴不适用于TextInput-React Native

第1步）。在Contructor中，使用testWidth属性并将其值分配为“ 99％”。

例如

this.state = {testWidth: '99%' };

步骤2）。在componentDidMount中，将testWidth值更改为“ 100％”，然后在setTimeout内进行设置。

例如

 setTimeout(() => {
      this.setState({ testWidth: '100%' })
    }, 100)

第3步）在TextInput的style属性中添加我们在Contractor中声明的动态宽度，例如

<TextInput style={{ width: this.state.testWidth }} />

这是完整的代码：（只需复制并粘贴到App.js文件中）。

import React, { Component } from 'react';
    import { TextInput, View } from 'react-native';

    export class App extends Component {
      constructor(props) {
        super(props);
        this.state = { text: '', testWidth: '99%' };
      }
      componentDidMount() {

        setTimeout(() => {
          this.setState({ testWidth: '100%' })
        }, 100)
      }
      render() {
        return (
          <View style={{ marginTop: 50 }}>
            <TextInput
              style={{ width: this.state.testWidth }}
              placeholder="Type here to translate!"
              onChangeText={(text) => this.setState({ text })}
              value={this.state.text}
            />
          </View>
        );
      }
    }

祝你好运

Answer 2

看看这段代码！：https://github.com/facebook/react-native/issues/18926#issuecomment-490541013

 <ScrollView
contentContainerStyle={Styles.contentContainerStyle}
keyboardShouldPersistTaps="handled"
removeClippedSubviews={false}>

 <KeyboardAvoidingView>

      <Text style={Styles.labelPageTitle}>
        {'bla bla bla'}
      </Text>
      <Text>
          {'bla bla bla'}
      </Text>
      <TextInput
        onChangeText={text => this.setState({ title: text })}
        style={Styles.textInput}
        value={title}
      />

</KeyboardAvoidingView>

在TextInput - React Native中启用粘贴和选择

2 个答案: