Javascript React native-如何根据行数为文本组件提供不同的样式

我有一个

平面列表

，里面有

文本

，看起来像这样

return (
  <FlatList
    data={arrayOfItems}
    renderItem={({item,index}) =>
        <Text style={DYNAMIC_COLOR} onTextLayout={onTextLayout}>
          {item.name}
        </Text>
    }
);

如何根据每个项目的行数在平面列表中的每个文本上实现不同的样式

  onTextLayout(e){
   var noOfLines = e.nativeEvent.lines.length //number of lines an item takes on a device

   //I want to set dynamic color on each line, based on how many lines it takes on a device
   var DYNAMIC_COLOR
    
   if(noOfLines==1)
     DYNAMIC_COLOR = {color:'red'}
   else
    DYNAMIC_COLOR = {color:'blue'}
  }