Asked Jan 22nd, 2:09 AM 52 0 1
  • 52 0 1
+1

show beginning of text in input react native

Share
  • 52 0 1

Mọi người cho mình hỏi chút với ạ.

Mình đang làm về React native mà khi nhập chữ vào Input Text khi chữ quá dài và mình chuyển sang dòng Input Text khác thì dòng chữ ở InputText trên lại Không hiển thị từ phần đầu mà lại hiển thị từ phần cuối.

Làm sao để cho nó hiển thị từ phần đầu nếu dòng chữ quá Dài ạ.

Thank mọi người Giúp đỡ

1 ANSWERS


Answered Jan 23rd, 1:23 AM
+1

Bạn có thể thêm ellipsizeMode="head" hoặc ellipsizeMode="tail" nhá

Share
Nguyễn Khánh Long @longnk1301
Jan 23rd, 1:31 AM

Hoặc bạn có thể thử cách này, khi gõ xong thì setState về ban đầu, Good luck!!

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

export default class UselessTextInput extends Component {
  constructor(props) {
    super(props);
    this.state = { text: 'Initial Placeholder' , textTwo:'Initial Two'};
  }

  render() {
    return (
      <View>
      <Text>
        text: {this.state.text}
        </Text> 
              <Text>
        textTwo: {this.state.textTwo}
        </Text>
      <TextInput
        style={{height: 40, borderColor: 'gray', borderWidth: 1}}
        onChangeText={this.onChangeText.bind(this)}
      />
      <TextInput
        style={{height: 40, borderColor: 'gray', borderWidth: 1}}
        onChangeText={this.onChangeTextTwo.bind(this)}
      />
      </View>
    );
  }
  
  onChangeText(text){
    this.setState({text})
  }
  
  onChangeTextTwo(text){
    this.setState({textTwo:text})
  }
}
+1
| Reply
Share