javascript - React Native - 如何使用 map 数据渲染行?

标签 javascript android reactjs react-native

如何使用映射函数渲染行并使其如下图所示

enter image description here

示例数据

  [
    {
      name: 'Alibaba Chuah',
      temp: '37',
      checkIn: true,
      checkOut: false,
    },

    {
      name: 'Calvin Lee',
      temp: '37',
      checkIn: true,
      checkOut: false,
    }
  ]

最佳答案

React-native 提供了 FlistList 组件。您可以轻松地使用它来将对象数组渲染到移动 View 中。 欲了解更多详情 - React native flatlist

关于javascript - React Native - 如何使用 map 数据渲染行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58443608/

相关文章:

node.js - 带有 Node 和巴别塔的核素调试器?

javascript - 如何将输入数据添加到react js列表中?

javascript - 从 Javascript 访问 HTTP 身份验证信息

java - Android Studio 编码约定和可能的上下文错误?

java - 无法使用扩展 AppCompatActivity 找到符号方法 FindViewById(int)

javascript - 通过日期变量过滤 Graphql 结果

javascript - 将背景纹理与居中的 div 相匹配

javascript - jQuery slideDown() 无法正确处理 AJAX 结果

javascript - Google map (V3) - map 容器选择器(使用 jquery)

java - 将 Gson 与 JSend Standard 结合使用时遇到的问题