が反応し、ネイティブのTextInputコントロールのデフォルトのパディング

Question

オーバーライドできませんI次のTextInputを持っている：私は達成しようとしています何

_renderTextInput() { 
    return (
     <TextInput 
     onChangeText={TextInput => this.setState({TextInput})} 
     style={{flex: 1, backgroundColor: "maroon", paddingVertical: 0}} 
     autoFocus={true} 
     multiline={true} 
     underlineColorAndroid="transparent" 
     returnKeyType="go" 
     /> 
    ) 
    } 

    render() { 
    return(
     <View style={{flex: 1, backgroundColor: "#E0E0E0", paddingVertical: 0}}> 
     {this._renderTextInput()} 
     </View> 
    ) 
    } 

は彼のポストを入力するためのユーザのためのフルスクリーン気晴らしフリーゾーンです。

私はそれがパディングの問題だと確信していますが、私が試してみても、それを上書きすることはできません。あなたもそう画面が分割取得されたフレックス他のコンポーネントを使用しているので、

Answer 1

はグラム-O-O-G-L-I-N-G 無限の長い一日を過ごした後、私は不要なパディングを引き起こしているものを見つけました。デフォルトでは、TextInputはTextを中心にしており、すべてが真ん中にあるのです。それを上書きするには、TextInputのスタイルに

textAlignVertical: 'top'を追加するだけです。 :)

これを解決するのに役立つテキストのスタイルを変更することに関する@ matt-aftのコメント。

Answer 2

Flexは文句を言わないここで働い：私はpadding:0paddingTop:0paddingVertical: 0何も動いていないようにみえ...

プレビューしようとしました。デバイスの高さと幅を使用して動作する必要があります。また、テスト入力付きのモーダルを使用することもできます。

const {height, width} = Dimensions.get('window'); 

style={{ height, width, backgroundColor: "maroon", paddingVertical: 0}}