hyochan / react-native-masonry-list

The Masonry List implementation which has similar implementation as the `FlatList` in React Native
MIT License
393 stars 55 forks source link

No Output Rendering in Expo #63

Open NemesisLW opened 9 months ago

NemesisLW commented 9 months ago

Describe the bug I am trying to render a basic MasonryList. But not able to generate any output. However it works with vanilla FlatList.

To Reproduce Here is the code:

import { StyleSheet, View, FlatList } from "react-native";
import React from "react";
import { SafeAreaView } from "react-native-safe-area-context";
import MasonryList from "@react-native-seoul/masonry-list";
import DashboardCard from "@/components/DashboardCard";
import { widgets } from "@/constants/widgets";

const Dashboard = () => {
  return (
    <SafeAreaView className="flex">
      {/* <FlatList
        data={widgets}
        keyExtractor={(item) => item.id}
        renderItem={(item) => <DashboardCard />}
      /> */}
      <MasonryList
        data={widgets}
        keyExtractor={(item) => item.id}
        numColumns={2}
        showsVerticalScrollIndicator={false}
        renderItem={({ item }) => <DashboardCard />}
        onEndReachedThreshold={0.1}
      />
    </SafeAreaView>
  );
};

export default Dashboard;

Smartphone:

package version @react-native-seoul/masonry-list": "^1.4.2

trandung1291 commented 8 months ago

same issues

trandung1291 commented 8 months ago

It seems MasonryList is not rendering inside the SafeAreaView react-native-safe-area-context tag, it working with SafeAreaView of react-native

Standin-Alone commented 8 months ago

not working too no display

Saswat689 commented 3 months ago

This package built on such a good idea is unfortunately DEAD