はネイティブリアクト：iphone6Plus

Question

で実行されているリストビューで奇妙な行動のbackgroundColor私はネイティブのListViewコントロールを反応させるの使用中に、奇妙な行動を行のbackgroundColorのは、（レンダリングでマイコード

iPhone6とiPhone6plus間で異なる結果が実行されます設定されているいくつかの問題を満たしています）機能

render: function(){ 
    return (
    <View> 
     <ListView 
     scrollEnabled={false} 
     contentContainerStyle={styles.list} 
     dataSource={dataSource.cloneWithRows(values)} 
     initialListSize={values.length} 
     pageSize={3} 
     scrollRenderAheadDistance={500} 
     renderRow={this._renderRow} 
     /> 
    </View> 
); 
}, 

スタイル：

var styles = StyleSheet.create({ 
list: { 
    flexDirection: 'row', 
    flexWrap: 'wrap', 
}, 
row: { 
    backgroundColor:'white', 
    width:w.width/3, 
    height: w.width/3, 
    borderWidth: 0.5, 
    borderColor: '#f3f3f3', 
    alignItems: 'center', 
}}); 

iPhone6で実行されている、それはOKです！

が、あなたはiPhone6Plusとフロート数としてborderWidth設定should't iPhone6Plus に

Answer 1

を実行しています。

borderWidth: 0.5をborderWidth: 1に置き換えてください。

なぜ、申し訳ありませんが、私は深いの原則を知らない。私はちょうどiPhone6PlusでPixelRatio.get() === 3を知っ

は、あなたが `` w`が何であるかをw.width`使用し、あなたのスタイルで

width * PixelRatio.get() = [an integer]