固定的行数反应原生的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> 
); 

}