固定的行數反應原生的Android和iOS

Question

我需要製作一個文本和標題的列表，並修復每行數= 2 - >所以行總數= 4。我做到了，它在iOS模擬器中工作正常。現在的問題是，我只在android（模擬器和真實設備）中總共得到兩行而不是4行。 這裏是我使用的代碼：

_renderItem(item) { 
     return ( 
<View> 
     <Text numberOfLines={2} 
      style={styles.name}>{item.name.toUpperCase()}</Text> 

     <Text numberOfLines={2} 
      style={styles.definition}>{item.definition}</Text> 
    </View> 
);} 

和

render() { 
     return (
       <ListView 
        dataSource={this.state.dataSource} 
        renderRow={this._renderItem.bind(this)} 
        enableEmptySections={true} 
        style={styles.listView}/> 
     ) 
    } 

我想在Android的ListView具有線路固定數量的，不能根據numberOfLines改..任何建議 後使文字的靜態和固定的高度：

_renderItem(item) { 
     return (
      <View style={styles.listItem}> 

         <Text numberOfLines={2} style={{ fontSize: 14, lineHeight: 15 }}> 
          &gt;"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
         </Text> 

         <Text 
          numberOfLines={2} 
          style={{ fontSize: 14, color: 'red', lineHeight: 15 }}> 
          "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
         </Text> 

      </View> 
     ); 
    } 

照片，我固定的高度和lineHeight是 0123後得到

Answer 1

也許更好的方式爲固定數量的線，是使用height風格。將height樣式添加到Text s parrent。 numberOfLines是不是最小行數的最大行數。

更新：

_renderItem(item) { 
return (
    <View style={{ height: 60 }}> 
    <Text numberOfLines={2} style={{ fontSize: 14, lineHeight: 15 }}> 
     &gt;"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." 
    </Text> 

    <Text 
     numberOfLines={2} 
     style={{ fontSize: 14, color: 'red', lineHeight: 15 }}> 
     "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." 
    </Text> 
    </View> 
); 

}