cost 234 ms
陳舊的父母 state 在孩子

[英]Stale parent state in child

我有一個呈現ChildItem組件的父組件ParentItem 。 ParentItem在渲染期間將removeItem()傳遞給ChildItem組件。 通常, useState被調用並且新的 state 與之前的 state 不同,組件應該重新渲染。 出於某種原因,在這種情況下,似乎在渲染時將 ...

降低箭頭旋轉的靈敏度(React native + PanResponder)

[英]Decrease the sensitivity of rotation of arrow (React native + PanResponder)

有誰知道如何降低下面箭頭的旋轉速度。 我正在使用 panResponder 並有一些簡單的數學來旋轉箭頭圖像。 旋轉太敏感了,它對我來說工作正常,但有些我無法降低速度 代碼鏈接: https ://snack.expo.dev/bLVo169CM 視頻: 提前謝謝✨ ...

限制panResponder走出手機屏幕

[英]Restrict panResponder from going outside the phone screen

我在使用 panResponder 時遇到問題,無法走出手機屏幕。 我從https://reactnative.dev/docs/panresponder#example得到這段代碼。 這是一些照片。 該框可以拖/移到屏幕外,如何避免這種情況? 感謝您的幫助。 ...

React-Native 具有功能組件的 panResponder 陣列

[英]React-Native panResponder array with functional component

我有一個帶有 6 張圖像的 slider,我希望能夠使用 panResponder 移動每一張圖像。 我寫了這段代碼(有效,但它移動了所有 slider,而不僅僅是一張圖片) 我希望能夠拖動每張圖像,而不是整個 slider。這可能嗎? 我知道我們需要一組 panResponders,但實際上該怎么 ...

React Native ScrollView 防止/允許在滾動開始事件上滾動

[英]React Native ScrollView prevent/allow scrolling on scroll start event

我有一個 ScrollView (實際上是Animated.ScrollView ),我想根據內部組件的某些狀態來決定是否允許在滾動開始時垂直滾動。 我知道有一個scrollEnabled屬性可以工作,但是滾動視圖包含一些組件,這些組件可以渲染幾幀,並且基於內部視圖的交互更改scrollEnable ...

在本機反應中用一條線連接兩個按鈕

[英]Connecting two buttons with a line in react native

我想用一條線連接兩個點來進行我正在做的測驗。 我對本機反應真的很陌生,我真的不明白如何使用 PanResponder (我認為我應該使用它來獲得我期望的結果)。 我在這里附上我想要做的圖像如下。 我很感激任何幫助! ...

react-native [Expo]:我可以提高 PanResponder 的輸入采樣率嗎?

[英]react-native [Expo]: can I increase PanResponder's input sampling rate?

我目前正在為我的 Expo 應用程序實現一個基於react-native-svg的繪圖輸入(這是對這個答案的輕微修改: 鏈接)。 我使用PanResponder來注冊移動事件並創建不同的路徑,然后當用戶在視圖上繪制時,這些路徑顯示為多個Polyline元素,如下所示:const GesturePa ...

panResponder 在屏幕上有兩次觸摸時繼續捕獲

[英]panResponder keep capturing when there is two touches on screen

我希望當屏幕上有兩次觸摸時 panResponder 繼續前進並且不停止但大約半秒后 panResponder 停止並開始滾動這是我的代碼 我想當屏幕上有兩次觸摸時 panResponder 開始,直到有兩次觸摸它繼續,當有一次觸摸它停止 ...

React Native - 使用兩個屏幕(組件)在 5 分鍾后注銷

[英]React Native - Logout after 5 minutes with two screens (components)

我有一個博覽會應用程序,我想在 5 分鍾后實現自動注銷。 在用戶登錄時顯示的第一個組件中,我創建了: 下面的代碼工作正常,但是當我切換到新屏幕(新組件)時,我無法更新注銷時間。 如何在下一個屏幕上更新時間? 在屏幕的 ,我已經放了{... this._panResponder.panHan ...

panResponder 每次觸摸都從開始位置開始

[英]panResponder starts at begining position in every touch

嘗試使用 React Native PanResponder 制作 swiper。 當我在釋放按鈕從開始位置開始后再次單擊按鈕時。 我嘗試在 onPanResponderGrant 中使用 setOffset ,但這會使按鈕在滾動時超出父容器。 如果 sser 滾動了 45% 的容器半寬,我正在動畫 ...

當觸摸點在多個可觸摸元素之間移動時,如何跟蹤當前觸摸的元素?

[英]How do I track the currently-touched element while the touch point moves between multiple touchable elements?

我有一個這樣的用戶界面: 我想更新You are touching: a不同元素時的文本。 具體來說,我想支持這種用法: 用一根手指按下容器中的任何一點 在將手指保持在屏幕上的同時,將手指移動到任何a/b/c框 當手指觸摸a/b/c ,更新文本 將手指移動到另一個框並再次更新文本 ...

RN 手勢處理程序:1 個圖像被拖動,但 2 個圖像一起移動

[英]RN gesture handler: 1 image is dragged but 2 images are moving together

在我的 React Native 0.62.2 應用程序中, react-native-gesture-handler 1.6.1和react-native-animated 10.10.1用於使圖像網格可拖動。 問題是所有上傳的圖像網格都一起移動而不是單獨拖動。 這是可拖動圖像網格的代碼: 這是 ...

React Native 中的 PanResponder 和動畫問題

[英]PanResponder & Animated Problem in React Native

我在 React Native 中使用 PanResponder 但我有一個簡單的問題我無法解決!!! 這是我的代碼 我想分別移動每個項目手指但是當我觸摸列表中的每個項目時,整個項目開始移動。 誰能幫幫我?? ...

如何使用功能 react-native 從 PanResponder 中刪除第一張卡?

[英]How to remove the first card from PanResponder by using functional react-native?

我正在學習 react-native 是的,我是初學者,我想制作類似 Tinder 應用程序,但我遇到了一個問題,即無法刷第一張卡(意味着無法移除第一張卡)。 這些代碼沒有錯誤消息。 我嘗試了一些解決方案,但仍然無法工作。 請有人幫助我獲取這些代碼。 這些都是功能性的本機反應。 請幫我解決問題,非 ...

PanResponder 更改 Card Y 值和移出屏幕的問題

[英]PanResponder to change Card Y value and issue of moving out of screen

我是 react-native animation API 和 PanResponder API 的新手我想創建谷歌地圖克隆 UI 和卡片動畫,在結果后顯示。 我想創建卡片,當用戶向上滑動時,卡片到達屏幕頂部,當用戶向下滑動時,卡片應調整為原始 position。 我想實現的谷歌地圖演示我已經為此 ...

PanResponder X,Y 值在反應本機應用程序上略微偏離

[英]PanResponder X,Y values slightly off on react native app

我正在嘗試了解如何使用 Panresponder。 我正在嘗試創建一個“十字准線”,在用戶點擊的任何地方都會出現。 我希望能夠讓它跟隨用戶的手指,但現在我什至無法讓它顯示在用戶點擊的地方。 現在它的工作,但 X,Y 值是關閉的。 我無法理解我做錯了什么。 我將初始偏移量設置為 x:0 和 y:0 因 ...

屏幕上的多個 panresponder 管理不同的區域(同時)

[英]multiple panresponder on screen managing different areas (in the same time)

有沒有什么辦法可以同時使用兩個Panresponder而不互相干擾? 我想創建一個應用程序,可以在特定區域同時更改兩個樣方的 position:藍色樣方只能在藍色區域移動,灰色樣方只能在白色區域移動。 (圖片:在這里你看到我的應用程序屏幕)但問題是觸摸事件相互干擾。 到目前為止,這是我的代碼: ...

無法訪問更新的 state 或 onPanResponderMove 內的道具

[英]Cannot access updated state or props inside onPanResponderMove

我在做什么:更改 state 以響應用戶的向上/向下滑動。 環境:反應原生 0.61.5 我的組件如下。 基本上我想增加/減少 onMoveShouldSetPanResponder 內的 state 參數, 現在,在 onMoveShouldSetPanResponder 第一次觸發時,'abc' ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM