Một thay thế của textarea trong phản ứng bản địa là gì?

Question

Có bất kỳ thành phần vùng văn bản tích hợp nào cho phản ứng gốc không? Tôi đã cố gắng thực hiện những cái:

https://github.com/buildo/react-autosize-textarea

https://github.com/andreypopp/react-textarea-autosize

nhưng nhận được một lỗi "Dự kiến ​​một lớp thành phần có đối tượng đối tượng".

Answer 1

Có. Nó được gọi là TextInput, thành phần TextInput bình thường hỗ trợ nhiều dòng.

Chỉ cần gán thuộc tính để TextInput Component

multiline = {true} 
numberOfLines = {4} 

của bạn sau Cuối cùng, bạn nên có điều này:

<TextInput 
    multiline={true} 
    numberOfLines={4} 
    onChangeText={(text) => this.setState({text})} 
    value={this.state.text}/> 

Answer 2

Tôi đang sử dụng thành phần này: https://www.npmjs.com/package/react-native-autogrow-textinput

Nó mở rộng tự động trên -text tăng trưởng. Tôi tạo ra thành phần tái sử dụng của riêng tôi với autogrow-textinput như một phần của nó, mà bên trong thành phần trông như thế:

<AutoGrowingTextInput 
    minHeight={40} 
    maxHeight={maxHeight} // this is a flexible value that I set in my 
    component, where I use this reusable component, same below, unless 
    specified the other 
    onChangeText={onChangeText} 
    placeholder={placeholder} 
    placeholderTextColor='#C7C7CD' 
    style={inputStyle} 
    value={value} 
/> 

Answer 3

Nếu bạn đang sử dụng chỉ các thành phần phản ứng bản địa lựa chọn của bạn được TextInput

Như " funkysoul" giải thích:

Chỉ cần gán thuộc tính để bạn TextInput Component

multiline = {true}sau numberOfLines = {4}

Nếu bạn muốn nhìn thấy thành phần này là cổ điển textarea (lớn hơn một inline text-input), bạn thường sẽ cần phải thêm height phong cách-bất động sản. Xem ví dụ sau:

<TextInput 
    multiline={true} 
    numberOfLines={10} 
    style={{ height:200, backgroundColor:'red'}} 
/> 

tôi thêm backgroundColor cho một sự hiểu biết tốt hơn về vai trò height. Vui lòng không sử dụng nó trên dự án của bạn;)