在React Native中,可以使用'ScrollView'组件来实现TextInput中输入框的文字左右滚动效果。首先,将TextInput组件包裹在ScrollView组件中,然后设置ScrollView的'horizontal'属性为'true',即可实现水平滚动。以下是一个示例代码:

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

const App = () => {
  return (
    <ScrollView horizontal={true}>
      <TextInput
        style={{ width: 200, height: 40 }}
        value='This is a long text that can be scrolled horizontally'
      />
    </ScrollView>
  );
};

export default App;

在上述示例中,TextInput组件的宽度设置为200,超过宽度的文本内容将会水平滚动显示。


原文地址: https://www.cveoy.top/t/topic/fOKi 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录