2016-04-24 7 views
0

Im-new to react-native。私はちょうど私が望むように、テキスト入力の再利用可能なコンポーネントを作成しました。再利用可能なコンポーネントをビューに使用しています。ある場所では、再使用可能なコンポーネントを4回追加し、別の場所では7回追加します。内容に応じてビューのサイズを大きくすることはできません。

例:コードの上方視で7回使用

<Textinput 
     style={styles.textInput} 
     secureTextEntry={false} 
     textInputName={'USERNAME'} 
     showBottomBorder={true} 
     height={45} 
     onTextChange={this.onTextChangeUsername} 
     /> 

、ビューのサイズの増加を引き起こします。 しかし、私はiPhone 4sの画面上で醜いように見えるようにしたくない。

これを禁止する方法はありますか?それとも、親ビューの高さによって再利用可能なコンポーネントに高さを与えることができますか?

高さ= {parentView.height/7}?

答えて

0

問題の解決方法はわかりませんが、divのサイズに応じて幅と高さのカスタムコンポーネントを追加する場合は、クラス関数で次のようにします。

説明するの

resizeGraphs(){

 var div = document.getElementsByClassName("yourcontainer") 
     if (div[0] != undefined){ 
      var divWidth = document.getElementsByClassName("yourcontainer")[0].clientWidth //or .clientHeight 
      this.setState({ 
       divWidth, 
      })}} 

、これは(私はあなたがウィンドウのサイズ変更を心配する必要はありません推測)componentDidMountに呼び出されます。与えられたクラスの幅を取得し、あなたが提案したように内部要素を適切に拡大縮小することができます。

私は、反応のDOMへの直接参照が表示される場合、警告フラグがオフになるはずですが、これを解決する方法が他にはわかりませんでした。もし誰かがもっと反応しやすいソリューションを持っていれば、私はそれを見たいと思っています。

関連する問題