循环列表最后一条不显示borderBottom

转载于 2018-03-13 16:46:00 发布 · 634 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/clear93/p/8558669.html

本文介绍了一种使用JavaScript逻辑动态调整View样式的技巧。通过遍历书籍数组并利用map方法，可以为每个View元素设置不同的样式，例如针对最后一个元素移除边框。这种方法适用于需要根据不同条件更改组件样式的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

You could achieve this using some logic:

return books.map((book, i) => {
  return(
    <View style={ (i === books.length - 1) ? styles.noBorderBook : styles.book} key={i}>
      <Text style={(i === books.length - 1) ? styles.noBorderBook : styles.book}>{book.title}</Text>
    </View>
  );
});

　　嗯，实现逻辑就是这样。参考着修改自己的代码。

转载于:https://www.cnblogs.com/clear93/p/8558669.html