Tepkisel-nativ içinde bir textarea alternatifi nedir?

Question

Tepki-yerel için herhangi bir metin alanı bileşeni var mı? Bunları olanları uygulamaya çalıştık:

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

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

ama "bir bileşen sınıfı nesne nesne var Beklenen" bir hata alıyorum.

Answer 1

Evet var. Buna TextInput denir, normal TextInput Bileşeni birden çok satırı destekler. Eğer bu olmalıdır

Sadece Sonunda senin TextInput Bileşeni

multiline = {true} 
numberOfLines = {4} 

için özelliklerini aşağıdaki atamak: Bu otomatik olarak genişler https://www.npmjs.com/package/react-native-autogrow-textinput

: Ben bu bileşeni kullanıyorum

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

Answer 2

-txt büyüme. Yalnızca tepki yerli bileşenler Seçeneğinizi TextInput

"i olduğu kullanıyorsanız

<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

: Ben bileşenlerin içinde benziyor bunun bir parçası olarak otomatik büyüme-TextInput ile kendi yeniden kullanılabilir bileşen yarattı funkysoul" açıkladı:

Sadece TextInput Bileşen

multiline = {true}için aşağıdaki özelliklere atamak Eğer (bir satır içi metin girişi daha büyük) klasik textarea olarak bu bileşeni görmek istiyorsanız numberOfLines = {4}

, genellikle height stil özelliğini eklemek gerekir. Aşağıdaki örneğe bakın:

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

Ben height rolünün daha iyi anlaşılması için backgroundColor ekledi. Lütfen projenizde kullanmayın;)