如何在 React Native 中創建填字游戲板

[英]How to create a Crossword board in React Native

我正在嘗試在本機反應中創建一個填字游戲。 我在開始使用游戲板時遇到問題。 我想我會將填字游戲存儲在 object 之類的 為黑色方塊創建 0 的矩陣，為白色方塊創建 1，為單詞起始方塊創建 2 的矩陣是否有意義。 然后使用平面列表直觀地構建矩陣？ 任何有關另一種方法的幫助或建議將不勝感激。 干杯， ...

如何在 Flatlist 中正確展示產品？

[英]How to display products in Flatlist properly?

我試圖在FlatList中顯示一些獲取的產品，當我到達此FlatList的末尾時也顯示更多產品，但我收到此錯誤： Invariant Violation: ScrollView child layout (["alignItems"]) must be applied through the co ...

如何使用 Apollo Client 的 fetchMore 方法更新 FlatList 的數據？

[英]How exactly do I update FlatList's data using Apollo Client's fetchMore method?

我的 GraphQL 后端以以下形式返回數據： 我的前端使用對數據中存在的某個字段進行排序來合並A和B ，然后使用 React Native 的FlatList將它們顯示為單個數組。 我正在使用 Apollo 客戶端來查詢我的后端，如下所示： 但是，我似乎無法弄清楚如何或在哪里獲取新數據，比如A' ...

如何限制渲染元素平面列表並在 React Native 中添加更多內容

[英]How to Limit render element Flat List and add more content in React Native

我希望那個平面列表只呈現 5 個復選框項目，然后當我單擊 +5 更多按鈕時，它將顯示另外 5 個復選框列表。 在所有出現的復選框列表中，但我只想要五個請幫助我如何實現這一目標 提前致謝 我試過了，但這不起作用 ...

反應本機水平選擇器 Flatist

[英]React native Horizontal Picker Flatist

我想創建一個這樣的列表我希望用戶只需滾動列表，將位於中心的項目保持選中狀態並突出顯示我也使用了一些包，但它們表現不佳，所以我想從頭開始制作。 ...

我如何顯示在 React Native 中呈現列表所花費的時間？

[英]How do i display the time taken to render a list in react native?

我正在生成一個隨機字符串列表並使用 FlatList 在 React Native 中進行渲染，但我還想顯示渲染該列表需要多長時間。 我怎么能在本機反應中做到這一點？ ...

Reanimated 不適用於動畫代碼？ 有辦法嗎？

[英]Reanimated does not work with animated code? Is there a way?

我是 React Native 的新手並且已經恢復了活力，所以如果我無法按需要解釋這一點，請多多包涵。 我有一個 FlatList，它在單擊時使用 animted 為單個項目設置動畫。 這很好用，但問題是我試圖將它與使用 reanimated 的代碼一起使用，但由於某種原因我遇到了很多錯誤？ 我以 ...

react-native-video: react-native-video-controls onBack 事件執行並導航到初始屏幕，但在初始屏幕 function 不工作，

[英]react-native-video: react-native-video-controls onBack event executed and navigated to initial screen, but in initial screen function not working,

這些視頻播放和返回時的屏幕截圖單擊后退按鈕和初始屏幕平面列表可觸摸在單擊列表項時不起作用，請給我一個解決方案我找不到我做錯了什么 ...

單擊它並使用三元后視圖背景不會改變

[英]View background won't change after clicking it and using ternary

所以我顯示 5 顆星。 未選中時默認為灰色。 當我點擊星星時，我希望視圖的背景顏色發生變化，但點擊它后它並沒有改變。 此外，如果我單擊星號 3，我希望星號 3 之前的星號也更改背景顏色。 但沒有任何效果。 當 handleStarClicked 運行時，我使用 console.log 查看更改列表並 ...

使用嵌套 JSON 反應本機可搜索平面列表

[英]React Native Searchable Flatlist using Nested JSON

我正在嘗試使用以下 JSON 文件制作可搜索的技能列表： 我成功地制作了一個可以顯示並允許我搜索員工姓名的屏幕，但我想制作一個包含所有技能的可搜索平面列表，同時還顯示具有該技能的員工姓名。 我不需要它們是獨一無二的。 在我下面的代碼中，我設法顯示了所有員工及其技能，但是我的搜索功能僅過濾員工姓名。 ...

在 flatlist 項目中播放本機視頻卡住了 UI 並崩潰了一段時間

[英]Playing react native Video inside flatlist item stuck UI & crash some time

我有圖像和視頻文件，在本機使用的平面列表中，根據使用的文件類型，圖像視圖或反應本機視頻，現在多個視頻在第一次渲染平面列表時開始播放，應用程序用戶界面非常卡住，然后是應用程序有時會崩潰..請幫助做什么以及如何最小化它...不要找到發生這種情況的任何原因... ...

如何通過onpress on view in react native flatlist來降低和增加特定視圖的高度？

[英]How to decrease and increase the height of a specific view by onpress on view in flatlist of react native?

我已經使用 flatlist 1st 渲染了 10 個視圖我想通過在用戶單擊視圖 6 時增加高度並在用戶再次單擊它時降低高度來顯示詳細信息我已經完成了但問題是當我單擊視圖時沒有6 所有視圖的高度增加並從第一個視圖而不是第 6 個視圖再次呈現列表 如何增加和減少特定視圖的高度並從增加的同一視圖呈現 ...

無法阻止 Flatlist 重新渲染（已經使用 useCallback 和 memo）

[英]Unable to prevent Flatlist from re-rendering (already using useCallback and memo)

賞金將在 7 天后到期。 此問題的答案有資格獲得+50聲望賞金。 Lloyd Rajoo想讓更多人關注這個問題： 我只需要幫助來弄清楚如何正確地防止我的 Flatlist 中的每個項目重新渲染！ 我正在構建一個待辦事項列表應用程序作為編碼課程的一部分，使用 Firebase 實時數據庫和 Rea ...

react-native：在水平平面列表中滾動時出現問題

[英]react-native: problem when scrolling in horizontal flatlist

我有一個水平平面列表來呈現類別問題是當滾動平面列表中斷並按照下面所述進行重置時： 平面列表代碼： ...

無效的掛鈎調用 React Native FlatList Navigation

[英]Invalid hook call React Native FlatList Navigation

我正在 React Native 中制作筆記應用程序並嘗試制作它，以便我可以單擊 FlatList 中的筆記來編輯它。 我為此使用了 react-router-native。 單擊任何 FlatList 項目時出現錯誤。 我知道之前已經在堆棧溢出時詢問過此錯誤，但答案都是針對 class 組件的， ...

讓 FlatList 更早觸發 onEndReached

[英]Get FlatList to trigger onEndReached earlier

我正在使用FlatList構建一個 TikTok 風格的視頻播放器，即一個列表項覆蓋整個屏幕。 我一次從 REST API（通過useSWRInfinite ）獲取大約 10 個視頻的元數據，然后填充我的FlatList並使用expo-av的Video組件和 Mux.com 進行播放。 現在，當我 ...

如何在 onPress 操作后重新渲染 FlatList？

[英]How do I rerender a FlatList after onPress action?

我有一個電影預訂觀察列表，當我點擊一個按鈕時，它會從 Firestore 數據庫中刪除預訂。 這是我的代碼： 按下按鈕后如何讓 FlatList 重新呈現？ 當我刷新整個應用程序時，我看到它發生了變化，但我希望在 onPress 操作之后重新呈現它。 謝謝！ ...

是否有任何反應本機庫可用於在下面的 UI 中實現這兩個參數？

[英]Is there any react native library that I can use to achieve these two parameters in the UI below?

在上圖中，我想知道我可以使用哪個庫來實現第一個屏幕上的故事，以及我可以使用哪個庫在Current News、World News 和 Politics之間切換。 另外有沒有辦法把狀態進度條放在第三屏？ 提前致謝！ ...

在列表渲染完成之前，不會觸發 React Native Flatlist 元素 onPress

[英]React Native Flatlist element onPress not fired until List rendering is complete

賞金將在 5 天后到期。 此問題的答案有資格獲得+50聲望賞金。 Jankapunkt正在尋找這個問題的更詳細的答案： 請解釋為什么 FlatList 阻止點擊 Pressable Svg，直到所有屏幕外項目都被渲染，以及這是否與我的 FlatList 配置或 Svg 有關。 我有一個FlatL ...

如何在 React Native 中以字母方式設置 header？

[英]How to set header in Alphabetic way in react native?

output 代碼 我已經給出了上面的代碼我的數據已排序，我想要這樣，如果數據以字母表開頭，則此數據包含在 A header 部分中如果數據以字母表 B 開頭，則此數據包含在 B header 部分中。 像這樣 D header 僅包含 D 起始數據 C header 僅包含 C 起始數據但我 ...