react / react/react-native

SectionList renders all items at once.

未关闭
#48,258 6 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

Component: SectionList Issue: Author Provided Repro
主要语言
C++
星标
127k
派生
25.3k
平均合并
1 天 23 小时
30 天内合并 PR
4

描述

Description

I found out section list invokes renderItem method for all the items even if there are not visible in the screen.
Here's the expo snack link: https://snack.expo.dev/7cjOb_kzYa8_8gcuW9i9s
If anyone can help understand why is it happening?

This is the basic code snippet

import React from 'react';
import { 
  View, 
  Text, 
  SectionList, 
  StyleSheet, 
  SafeAreaView 
} from 'react-native';

const GroceryInventory = () => {
  const groceryData = [
    {
      title: 'Fruits',
      data: Array(50).fill(2).map((_, index) => ({
        id: `fruit-${index}`, 
        name: `Fruit ${index}`, 
        price: `$${(Math.random() * 5).toFixed(2)}`
      }))
    },
    {
      title: 'Vegetables',
      data: Array(50).fill(2).map((_, index) => ({
        id: `vegetable-${index}`, 
        name: `Vegetable ${index}`, 
        price: `$${(Math.random() * 5).toFixed(2)}`
      }))
    },
    {
      title: 'Dairy',
      data: Array(50).fill(2).map((_, index) => ({
        id: `dairy-${index}`, 
        name: `Dairy ${index}`, 
        price: `$${(Math.random() * 5).toFixed(2)}`
      }))
    }
  ];

  const renderSectionHeader = ({ section: { title } }) => {

    console.log("RENDERING SECTION", title);
    
    return (
    <View style={styles.sectionHeader}>
      <Text style={styles.sectionHeaderText}>{title}</Text>
    </View>
  )
  };

  const renderItem = ({ item }) => {
    console.log("RENERING ITEEEM", item);
    
    return (
    <View style={styles.item}>
      <Text style={styles.itemName}>{item.name}</Text>
      <Text style={styles.itemPrice}>{item.price}</Text>
    </View>
  )
  };

  return (
    <SafeAreaView style={styles.container}>
      <SectionList
        sections={groceryData}
        keyExtractor={(item) => item.id}
        renderSectionHeader={renderSectionHeader}
        renderItem={renderItem}
        
        // Performance optimization props
        initialNumToRender={10} // Initially render 10 items
        maxToRenderPerBatch={10} // Render 10 items per batch
        windowSize={21} // Render items just outside of visible area
        
        // Optional: Improve performance with these additional props
        removeClippedSubviews={true} // Unmount components when outside of window 
        updateCellsBatchingPeriod={50} // Increase time between batch renders
        listKey="grocery-section-list"
        
        // Optional scroll performance improvements
        getItemLayout={(data, index) => ({
          length: 50, // Assuming a fixed item height
          offset: 50 * index,
          index,
        })}
      />
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#f5f5f5'
  },
  sectionHeader: {
    backgroundColor: '#e1e1e1',
    padding: 10,
  },
  sectionHeaderText: {
    fontSize: 18,
    fontWeight: 'bold',
  },
  item: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    padding: 15,
    borderBottomWidth: 1,
    borderBottomColor: '#ddd',
  },
  itemName: {
    fontSize: 16,
  },
  itemPrice: {
    fontSize: 16,
    color: '#888',
  }
});

export default GroceryInventory;

Here's the output logs.

image

Steps to reproduce

Create a basic react native project with or without framework. Copy and paste the above code or just run the expo snack.

React Native Version

0.76.5

Affected Platforms

Runtime - iOS

Output of npx react-native info
info Fetching system and libraries information...
System:
  OS: macOS 15.0
  CPU: (10) arm64 Apple M1 Pro
  Memory: 132.58 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.12.2
    path: /usr/local/bin/node
  Yarn:
    version: 1.22.22
    path: /usr/local/bin/yarn
  npm:
    version: 10.5.0
    path: /usr/local/bin/npm
  Watchman:
    version: 2024.12.02.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /opt/homebrew/lib/ruby/gems/3.1.0/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.0
      - iOS 18.0
      - macOS 15.0
      - tvOS 18.0
      - visionOS 2.0
      - watchOS 11.0
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.1 AI-241.19072.14.2412.12360217
  Xcode:
    version: 16.0/16A242d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.11
    path: /usr/bin/javac
  Ruby:
    version: 3.1.5
    path: /opt/homebrew/opt/ruby@3.1/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.1.3
    wanted: latest
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.5
    wanted: 0.76.5
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found
Stacktrace or Logs
(NOBRIDGE) LOG  RENDERING SECTION Vegetables
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-0", "name": "Vegetable 0", "price": "$2.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-1", "name": "Vegetable 1", "price": "$4.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-2", "name": "Vegetable 2", "price": "$1.36"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-3", "name": "Vegetable 3", "price": "$1.35"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-4", "name": "Vegetable 4", "price": "$4.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-5", "name": "Vegetable 5", "price": "$1.82"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-6", "name": "Vegetable 6", "price": "$4.90"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-7", "name": "Vegetable 7", "price": "$3.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-8", "name": "Vegetable 8", "price": "$1.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-9", "name": "Vegetable 9", "price": "$0.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-10", "name": "Vegetable 10", "price": "$0.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-11", "name": "Vegetable 11", "price": "$3.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-12", "name": "Vegetable 12", "price": "$1.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-13", "name": "Vegetable 13", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-14", "name": "Vegetable 14", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-15", "name": "Vegetable 15", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-16", "name": "Vegetable 16", "price": "$4.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-17", "name": "Vegetable 17", "price": "$4.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-18", "name": "Vegetable 18", "price": "$2.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-19", "name": "Vegetable 19", "price": "$0.38"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-20", "name": "Vegetable 20", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-21", "name": "Vegetable 21", "price": "$3.06"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-22", "name": "Vegetable 22", "price": "$4.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-23", "name": "Vegetable 23", "price": "$2.10"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-24", "name": "Vegetable 24", "price": "$0.88"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-25", "name": "Vegetable 25", "price": "$2.51"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-26", "name": "Vegetable 26", "price": "$3.97"}
 (NOBRIDGE) LOG  RENDERING SECTION Fruits
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-0", "name": "Fruit 0", "price": "$2.21"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-1", "name": "Fruit 1", "price": "$0.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-2", "name": "Fruit 2", "price": "$0.86"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-3", "name": "Fruit 3", "price": "$3.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-4", "name": "Fruit 4", "price": "$2.40"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-5", "name": "Fruit 5", "price": "$2.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-6", "name": "Fruit 6", "price": "$4.87"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-7", "name": "Fruit 7", "price": "$4.58"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-8", "name": "Fruit 8", "price": "$3.64"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-9", "name": "Fruit 9", "price": "$2.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-10", "name": "Fruit 10", "price": "$3.99"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-11", "name": "Fruit 11", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-12", "name": "Fruit 12", "price": "$3.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-13", "name": "Fruit 13", "price": "$3.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-14", "name": "Fruit 14", "price": "$4.76"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-15", "name": "Fruit 15", "price": "$1.54"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-16", "name": "Fruit 16", "price": "$1.17"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-17", "name": "Fruit 17", "price": "$4.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-18", "name": "Fruit 18", "price": "$2.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-19", "name": "Fruit 19", "price": "$4.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-20", "name": "Fruit 20", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-21", "name": "Fruit 21", "price": "$2.17"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-22", "name": "Fruit 22", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-23", "name": "Fruit 23", "price": "$4.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-24", "name": "Fruit 24", "price": "$4.11"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-25", "name": "Fruit 25", "price": "$3.96"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-26", "name": "Fruit 26", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-27", "name": "Fruit 27", "price": "$0.41"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-28", "name": "Fruit 28", "price": "$1.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-29", "name": "Fruit 29", "price": "$3.70"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-30", "name": "Fruit 30", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-31", "name": "Fruit 31", "price": "$2.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-32", "name": "Fruit 32", "price": "$4.60"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-33", "name": "Fruit 33", "price": "$2.93"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-34", "name": "Fruit 34", "price": "$2.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-35", "name": "Fruit 35", "price": "$1.59"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-36", "name": "Fruit 36", "price": "$0.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-37", "name": "Fruit 37", "price": "$3.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-38", "name": "Fruit 38", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-39", "name": "Fruit 39", "price": "$0.63"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-40", "name": "Fruit 40", "price": "$3.96"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-41", "name": "Fruit 41", "price": "$1.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-42", "name": "Fruit 42", "price": "$4.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-43", "name": "Fruit 43", "price": "$1.20"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-44", "name": "Fruit 44", "price": "$2.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-45", "name": "Fruit 45", "price": "$3.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-46", "name": "Fruit 46", "price": "$3.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-47", "name": "Fruit 47", "price": "$4.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-48", "name": "Fruit 48", "price": "$0.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-49", "name": "Fruit 49", "price": "$3.66"}
 (NOBRIDGE) LOG  RENDERING SECTION Vegetables
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-0", "name": "Vegetable 0", "price": "$2.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-1", "name": "Vegetable 1", "price": "$4.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-2", "name": "Vegetable 2", "price": "$1.36"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-3", "name": "Vegetable 3", "price": "$1.35"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-4", "name": "Vegetable 4", "price": "$4.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-5", "name": "Vegetable 5", "price": "$1.82"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-6", "name": "Vegetable 6", "price": "$4.90"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-7", "name": "Vegetable 7", "price": "$3.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-8", "name": "Vegetable 8", "price": "$1.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-9", "name": "Vegetable 9", "price": "$0.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-10", "name": "Vegetable 10", "price": "$0.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-11", "name": "Vegetable 11", "price": "$3.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-12", "name": "Vegetable 12", "price": "$1.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-13", "name": "Vegetable 13", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-14", "name": "Vegetable 14", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-15", "name": "Vegetable 15", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-16", "name": "Vegetable 16", "price": "$4.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-17", "name": "Vegetable 17", "price": "$4.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-18", "name": "Vegetable 18", "price": "$2.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-19", "name": "Vegetable 19", "price": "$0.38"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-20", "name": "Vegetable 20", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-21", "name": "Vegetable 21", "price": "$3.06"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-22", "name": "Vegetable 22", "price": "$4.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-23", "name": "Vegetable 23", "price": "$2.10"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-24", "name": "Vegetable 24", "price": "$0.88"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-25", "name": "Vegetable 25", "price": "$2.51"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-26", "name": "Vegetable 26", "price": "$3.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-27", "name": "Vegetable 27", "price": "$3.25"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-28", "name": "Vegetable 28", "price": "$2.62"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-29", "name": "Vegetable 29", "price": "$4.50"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-30", "name": "Vegetable 30", "price": "$2.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-31", "name": "Vegetable 31", "price": "$4.01"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-32", "name": "Vegetable 32", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-33", "name": "Vegetable 33", "price": "$1.01"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-34", "name": "Vegetable 34", "price": "$3.83"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-35", "name": "Vegetable 35", "price": "$4.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-36", "name": "Vegetable 36", "price": "$2.37"}
 (NOBRIDGE) LOG  RENDERING SECTION Fruits
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-0", "name": "Fruit 0", "price": "$2.21"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-1", "name": "Fruit 1", "price": "$0.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-2", "name": "Fruit 2", "price": "$0.86"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-3", "name": "Fruit 3", "price": "$3.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-4", "name": "Fruit 4", "price": "$2.40"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-5", "name": "Fruit 5", "price": "$2.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-6", "name": "Fruit 6", "price": "$4.87"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-7", "name": "Fruit 7", "price": "$4.58"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-8", "name": "Fruit 8", "price": "$3.64"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-9", "name": "Fruit 9", "price": "$2.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-10", "name": "Fruit 10", "price": "$3.99"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-11", "name": "Fruit 11", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-12", "name": "Fruit 12", "price": "$3.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-13", "name": "Fruit 13", "price": "$3.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-14", "name": "Fruit 14", "price": "$4.76"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-15", "name": "Fruit 15", "price": "$1.54"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-16", "name": "Fruit 16", "price": "$1.17"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-17", "name": "Fruit 17", "price": "$4.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-18", "name": "Fruit 18", "price": "$2.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-19", "name": "Fruit 19", "price": "$4.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-20", "name": "Fruit 20", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-21", "name": "Fruit 21", "price": "$2.17"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-22", "name": "Fruit 22", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-23", "name": "Fruit 23", "price": "$4.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-24", "name": "Fruit 24", "price": "$4.11"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-25", "name": "Fruit 25", "price": "$3.96"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-26", "name": "Fruit 26", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-27", "name": "Fruit 27", "price": "$0.41"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-28", "name": "Fruit 28", "price": "$1.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-29", "name": "Fruit 29", "price": "$3.70"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-30", "name": "Fruit 30", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-31", "name": "Fruit 31", "price": "$2.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-32", "name": "Fruit 32", "price": "$4.60"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-33", "name": "Fruit 33", "price": "$2.93"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-34", "name": "Fruit 34", "price": "$2.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-35", "name": "Fruit 35", "price": "$1.59"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-36", "name": "Fruit 36", "price": "$0.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-37", "name": "Fruit 37", "price": "$3.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-38", "name": "Fruit 38", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-39", "name": "Fruit 39", "price": "$0.63"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-40", "name": "Fruit 40", "price": "$3.96"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-41", "name": "Fruit 41", "price": "$1.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-42", "name": "Fruit 42", "price": "$4.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-43", "name": "Fruit 43", "price": "$1.20"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-44", "name": "Fruit 44", "price": "$2.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-45", "name": "Fruit 45", "price": "$3.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-46", "name": "Fruit 46", "price": "$3.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-47", "name": "Fruit 47", "price": "$4.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-48", "name": "Fruit 48", "price": "$0.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-49", "name": "Fruit 49", "price": "$3.66"}
 (NOBRIDGE) LOG  RENDERING SECTION Vegetables
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-0", "name": "Vegetable 0", "price": "$2.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-1", "name": "Vegetable 1", "price": "$4.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-2", "name": "Vegetable 2", "price": "$1.36"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-3", "name": "Vegetable 3", "price": "$1.35"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-4", "name": "Vegetable 4", "price": "$4.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-5", "name": "Vegetable 5", "price": "$1.82"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-6", "name": "Vegetable 6", "price": "$4.90"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-7", "name": "Vegetable 7", "price": "$3.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-8", "name": "Vegetable 8", "price": "$1.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-9", "name": "Vegetable 9", "price": "$0.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-10", "name": "Vegetable 10", "price": "$0.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-11", "name": "Vegetable 11", "price": "$3.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-12", "name": "Vegetable 12", "price": "$1.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-13", "name": "Vegetable 13", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-14", "name": "Vegetable 14", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-15", "name": "Vegetable 15", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-16", "name": "Vegetable 16", "price": "$4.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-17", "name": "Vegetable 17", "price": "$4.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-18", "name": "Vegetable 18", "price": "$2.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-19", "name": "Vegetable 19", "price": "$0.38"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-20", "name": "Vegetable 20", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-21", "name": "Vegetable 21", "price": "$3.06"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-22", "name": "Vegetable 22", "price": "$4.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-23", "name": "Vegetable 23", "price": "$2.10"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-24", "name": "Vegetable 24", "price": "$0.88"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-25", "name": "Vegetable 25", "price": "$2.51"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-26", "name": "Vegetable 26", "price": "$3.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-27", "name": "Vegetable 27", "price": "$3.25"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-28", "name": "Vegetable 28", "price": "$2.62"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-29", "name": "Vegetable 29", "price": "$4.50"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-30", "name": "Vegetable 30", "price": "$2.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-31", "name": "Vegetable 31", "price": "$4.01"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-32", "name": "Vegetable 32", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-33", "name": "Vegetable 33", "price": "$1.01"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-34", "name": "Vegetable 34", "price": "$3.83"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-35", "name": "Vegetable 35", "price": "$4.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-36", "name": "Vegetable 36", "price": "$2.37"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-37", "name": "Vegetable 37", "price": "$3.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-38", "name": "Vegetable 38", "price": "$0.08"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-39", "name": "Vegetable 39", "price": "$1.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-40", "name": "Vegetable 40", "price": "$3.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-41", "name": "Vegetable 41", "price": "$3.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-42", "name": "Vegetable 42", "price": "$1.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-43", "name": "Vegetable 43", "price": "$0.19"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-44", "name": "Vegetable 44", "price": "$1.06"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-45", "name": "Vegetable 45", "price": "$3.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-46", "name": "Vegetable 46", "price": "$1.13"}
 (NOBRIDGE) LOG  RENDERING SECTION Fruits
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-0", "name": "Fruit 0", "price": "$2.21"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-1", "name": "Fruit 1", "price": "$0.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-2", "name": "Fruit 2", "price": "$0.86"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-3", "name": "Fruit 3", "price": "$3.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-4", "name": "Fruit 4", "price": "$2.40"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-5", "name": "Fruit 5", "price": "$2.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-6", "name": "Fruit 6", "price": "$4.87"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-7", "name": "Fruit 7", "price": "$4.58"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-8", "name": "Fruit 8", "price": "$3.64"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-9", "name": "Fruit 9", "price": "$2.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-10", "name": "Fruit 10", "price": "$3.99"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-11", "name": "Fruit 11", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-12", "name": "Fruit 12", "price": "$3.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-13", "name": "Fruit 13", "price": "$3.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-14", "name": "Fruit 14", "price": "$4.76"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-15", "name": "Fruit 15", "price": "$1.54"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-16", "name": "Fruit 16", "price": "$1.17"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-17", "name": "Fruit 17", "price": "$4.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-18", "name": "Fruit 18", "price": "$2.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-19", "name": "Fruit 19", "price": "$4.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-20", "name": "Fruit 20", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-21", "name": "Fruit 21", "price": "$2.17"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-22", "name": "Fruit 22", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-23", "name": "Fruit 23", "price": "$4.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-24", "name": "Fruit 24", "price": "$4.11"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-25", "name": "Fruit 25", "price": "$3.96"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-26", "name": "Fruit 26", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-27", "name": "Fruit 27", "price": "$0.41"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-28", "name": "Fruit 28", "price": "$1.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-29", "name": "Fruit 29", "price": "$3.70"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-30", "name": "Fruit 30", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-31", "name": "Fruit 31", "price": "$2.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-32", "name": "Fruit 32", "price": "$4.60"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-33", "name": "Fruit 33", "price": "$2.93"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-34", "name": "Fruit 34", "price": "$2.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-35", "name": "Fruit 35", "price": "$1.59"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-36", "name": "Fruit 36", "price": "$0.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-37", "name": "Fruit 37", "price": "$3.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-38", "name": "Fruit 38", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-39", "name": "Fruit 39", "price": "$0.63"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-40", "name": "Fruit 40", "price": "$3.96"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-41", "name": "Fruit 41", "price": "$1.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-42", "name": "Fruit 42", "price": "$4.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-43", "name": "Fruit 43", "price": "$1.20"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-44", "name": "Fruit 44", "price": "$2.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-45", "name": "Fruit 45", "price": "$3.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-46", "name": "Fruit 46", "price": "$3.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-47", "name": "Fruit 47", "price": "$4.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-48", "name": "Fruit 48", "price": "$0.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-49", "name": "Fruit 49", "price": "$3.66"}
 (NOBRIDGE) LOG  RENDERING SECTION Vegetables
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-0", "name": "Vegetable 0", "price": "$2.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-1", "name": "Vegetable 1", "price": "$4.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-2", "name": "Vegetable 2", "price": "$1.36"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-3", "name": "Vegetable 3", "price": "$1.35"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-4", "name": "Vegetable 4", "price": "$4.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-5", "name": "Vegetable 5", "price": "$1.82"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-6", "name": "Vegetable 6", "price": "$4.90"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-7", "name": "Vegetable 7", "price": "$3.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-8", "name": "Vegetable 8", "price": "$1.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-9", "name": "Vegetable 9", "price": "$0.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-10", "name": "Vegetable 10", "price": "$0.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-11", "name": "Vegetable 11", "price": "$3.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-12", "name": "Vegetable 12", "price": "$1.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-13", "name": "Vegetable 13", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-14", "name": "Vegetable 14", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-15", "name": "Vegetable 15", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-16", "name": "Vegetable 16", "price": "$4.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-17", "name": "Vegetable 17", "price": "$4.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-18", "name": "Vegetable 18", "price": "$2.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-19", "name": "Vegetable 19", "price": "$0.38"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-20", "name": "Vegetable 20", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-21", "name": "Vegetable 21", "price": "$3.06"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-22", "name": "Vegetable 22", "price": "$4.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-23", "name": "Vegetable 23", "price": "$2.10"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-24", "name": "Vegetable 24", "price": "$0.88"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-25", "name": "Vegetable 25", "price": "$2.51"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-26", "name": "Vegetable 26", "price": "$3.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-27", "name": "Vegetable 27", "price": "$3.25"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-28", "name": "Vegetable 28", "price": "$2.62"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-29", "name": "Vegetable 29", "price": "$4.50"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-30", "name": "Vegetable 30", "price": "$2.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-31", "name": "Vegetable 31", "price": "$4.01"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-32", "name": "Vegetable 32", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-33", "name": "Vegetable 33", "price": "$1.01"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-34", "name": "Vegetable 34", "price": "$3.83"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-35", "name": "Vegetable 35", "price": "$4.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-36", "name": "Vegetable 36", "price": "$2.37"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-37", "name": "Vegetable 37", "price": "$3.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-38", "name": "Vegetable 38", "price": "$0.08"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-39", "name": "Vegetable 39", "price": "$1.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-40", "name": "Vegetable 40", "price": "$3.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-41", "name": "Vegetable 41", "price": "$3.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-42", "name": "Vegetable 42", "price": "$1.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-43", "name": "Vegetable 43", "price": "$0.19"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-44", "name": "Vegetable 44", "price": "$1.06"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-45", "name": "Vegetable 45", "price": "$3.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-46", "name": "Vegetable 46", "price": "$1.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-47", "name": "Vegetable 47", "price": "$0.68"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-48", "name": "Vegetable 48", "price": "$4.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-49", "name": "Vegetable 49", "price": "$0.48"}
 (NOBRIDGE) LOG  RENDERING SECTION Dairy
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "dairy-0", "name": "Dairy 0", "price": "$2.07"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "dairy-1", "name": "Dairy 1", "price": "$1.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "dairy-2", "name": "Dairy 2", "price": "$0.21"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "dairy-3", "name": "Dairy 3", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "dairy-4", "name": "Dairy 4", "price": "$3.86"}
 (NOBRIDGE) LOG  RENDERING SECTION Dairy
 (NOBRIDGE) LOG  RENDERING SECTION Dairy
 (NOBRIDGE) LOG  RENDERING SECTION Vegetables
 (NOBRIDGE) LOG  RENDERING SECTION Dairy
 (NOBRIDGE) LOG  RENDERING SECTION Vegetables
 (NOBRIDGE) LOG  RENDERING SECTION Dairy
 (NOBRIDGE) LOG  RENDERING SECTION Fruits
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-0", "name": "Fruit 0", "price": "$2.21"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-1", "name": "Fruit 1", "price": "$0.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-2", "name": "Fruit 2", "price": "$0.86"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-3", "name": "Fruit 3", "price": "$3.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-4", "name": "Fruit 4", "price": "$2.40"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-5", "name": "Fruit 5", "price": "$2.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-6", "name": "Fruit 6", "price": "$4.87"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-7", "name": "Fruit 7", "price": "$4.58"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-8", "name": "Fruit 8", "price": "$3.64"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-9", "name": "Fruit 9", "price": "$2.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-10", "name": "Fruit 10", "price": "$3.99"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-11", "name": "Fruit 11", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-12", "name": "Fruit 12", "price": "$3.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-13", "name": "Fruit 13", "price": "$3.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-14", "name": "Fruit 14", "price": "$4.76"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-15", "name": "Fruit 15", "price": "$1.54"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-16", "name": "Fruit 16", "price": "$1.17"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-17", "name": "Fruit 17", "price": "$4.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-18", "name": "Fruit 18", "price": "$2.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-19", "name": "Fruit 19", "price": "$4.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-20", "name": "Fruit 20", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-21", "name": "Fruit 21", "price": "$2.17"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-22", "name": "Fruit 22", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-23", "name": "Fruit 23", "price": "$4.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-24", "name": "Fruit 24", "price": "$4.11"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-25", "name": "Fruit 25", "price": "$3.96"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-26", "name": "Fruit 26", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-27", "name": "Fruit 27", "price": "$0.41"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-28", "name": "Fruit 28", "price": "$1.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-29", "name": "Fruit 29", "price": "$3.70"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-30", "name": "Fruit 30", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-31", "name": "Fruit 31", "price": "$2.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-32", "name": "Fruit 32", "price": "$4.60"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-33", "name": "Fruit 33", "price": "$2.93"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-34", "name": "Fruit 34", "price": "$2.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-35", "name": "Fruit 35", "price": "$1.59"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-36", "name": "Fruit 36", "price": "$0.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-37", "name": "Fruit 37", "price": "$3.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-38", "name": "Fruit 38", "price": "$1.91"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-39", "name": "Fruit 39", "price": "$0.63"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-40", "name": "Fruit 40", "price": "$3.96"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-41", "name": "Fruit 41", "price": "$1.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-42", "name": "Fruit 42", "price": "$4.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-43", "name": "Fruit 43", "price": "$1.20"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-44", "name": "Fruit 44", "price": "$2.81"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-45", "name": "Fruit 45", "price": "$3.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-46", "name": "Fruit 46", "price": "$3.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-47", "name": "Fruit 47", "price": "$4.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-48", "name": "Fruit 48", "price": "$0.13"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "fruit-49", "name": "Fruit 49", "price": "$3.66"}
 (NOBRIDGE) LOG  RENDERING SECTION Vegetables
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-0", "name": "Vegetable 0", "price": "$2.14"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-1", "name": "Vegetable 1", "price": "$4.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-2", "name": "Vegetable 2", "price": "$1.36"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-3", "name": "Vegetable 3", "price": "$1.35"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-4", "name": "Vegetable 4", "price": "$4.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-5", "name": "Vegetable 5", "price": "$1.82"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-6", "name": "Vegetable 6", "price": "$4.90"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-7", "name": "Vegetable 7", "price": "$3.02"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-8", "name": "Vegetable 8", "price": "$1.79"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-9", "name": "Vegetable 9", "price": "$0.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-10", "name": "Vegetable 10", "price": "$0.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-11", "name": "Vegetable 11", "price": "$3.23"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-12", "name": "Vegetable 12", "price": "$1.73"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-13", "name": "Vegetable 13", "price": "$4.34"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-14", "name": "Vegetable 14", "price": "$3.28"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-15", "name": "Vegetable 15", "price": "$4.03"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-16", "name": "Vegetable 16", "price": "$4.69"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-17", "name": "Vegetable 17", "price": "$4.05"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-18", "name": "Vegetable 18", "price": "$2.32"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-19", "name": "Vegetable 19", "price": "$0.38"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-20", "name": "Vegetable 20", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-21", "name": "Vegetable 21", "price": "$3.06"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-22", "name": "Vegetable 22", "price": "$4.67"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-23", "name": "Vegetable 23", "price": "$2.10"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-24", "name": "Vegetable 24", "price": "$0.88"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-25", "name": "Vegetable 25", "price": "$2.51"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-26", "name": "Vegetable 26", "price": "$3.97"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-27", "name": "Vegetable 27", "price": "$3.25"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-28", "name": "Vegetable 28", "price": "$2.62"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-29", "name": "Vegetable 29", "price": "$4.50"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-30", "name": "Vegetable 30", "price": "$2.33"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-31", "name": "Vegetable 31", "price": "$4.01"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-32", "name": "Vegetable 32", "price": "$1.44"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-33", "name": "Vegetable 33", "price": "$1.01"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-34", "name": "Vegetable 34", "price": "$3.83"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-35", "name": "Vegetable 35", "price": "$4.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-36", "name": "Vegetable 36", "price": "$2.37"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-37", "name": "Vegetable 37", "price": "$3.89"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-38", "name": "Vegetable 38", "price": "$0.08"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-39", "name": "Vegetable 39", "price": "$1.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-40", "name": "Vegetable 40", "price": "$3.78"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-41", "name": "Vegetable 41", "price": "$3.30"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-42", "name": "Vegetable 42", "price": "$1.12"}
 (NOBRIDGE) LOG  RENERING ITEEEM {"id": "vegetable-43", "name": "Vegetable 43", "price": "$0.19"}
Reproducer

https://snack.expo.dev/7cjOb_kzYa8_8gcuW9i9s

Screenshots and Videos

No response

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

从提供的 Expo Snack 和 SectionList 配置开始,尤其关注 virtualization props 和 getItemLayout;将 renderItem 日志与 iOS 0.76.5 上可见的行进行比较。没有指定 repository 文件或测试,因此首先确定相关的 SectionList 或 virtualized-list 实现以及一个回归测试;完成的要求是得到已确认的解释,以及可复现的预期结果与实际结果。

由索引模型根据 Issue 内容生成。

评估

技术栈
javascript, react-native
领域
mobile, performance
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。