react-native-draggable | Draggable Item | Frontend Framework library

I'm using 'react-native-draggable' to create a floorplan builder and I'm in the process of modifying the package to suite our needs as this package does not support grid-stepped behavior.

By default,

I am attempting to write some code using React-Native-Draggable-View but the example that has it the way I want is written in "class" form, while I write everything in "Hooks/Functional" form. Here is the original part of the code written in the class format. When I try to convert it myself I am generate an error.

Resolved after changing "setData({ data })" to "setData(data)" and restarting iOS Simulator

https://www.npmjs.com/package/react-native-draggable-flatlist example uses a class component but I'd prefer to use a function component. My attempt at implementing as a function component is below, but I am running into an error (also below). The error occurs after reordering a single list item, then the list disappears.

I don't understand, why my code does not work. The Board has a Rack. Within the Board I want to access a function of the Rack. I get the error this.rack.getFields() is not a function.

Could it be that I cannot use JavaScript like I am used to in Java?

I have an expo RN app that I was able to successfully upload to TestFlight last month but now is being rejected because of the AppStore's depreciation of the UIWebView version. I have removed all references of UIWebView, I have cleared the cache, I have refreshed the package-lock.json and even force removed all references with grep -r "UIWebView" . command. Nothing is working. Every time I rebuild my iOs app with Expo and then upload to TestFlight the build fails and throws this generic unhelpful error: This build is invalid.

I get an email with the below slightly more helpful message:

TMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView for improved security and reliability. Learn more

I found one article saying I need to update my expo SDK version to 37 but when I do this my app breaks because I am on an old react native version (v 0.59) and they are not compatible.

I would really hate to rip apart my app, update the RN version, update the expo SDK version to only have the error persist.

Is there a way to get my app on App Store Connect without having to update my RN and expo SDK version in my app.json?

docs I have already looked through: ITMS-90809: Deprecated API Usage -- Apple will stop accepting submissions of apps that use UIWebView APIs https://developer.apple.com/documentation/uikit/uiwebview

app.json

I'm trying to disable the drag feature based on some props change, not sure how to disable/enable it on 'react-native-draggable-flatlist', please find below the code

I'm using react-native-draggable-flatlist in my app and I want to pass a prop value to renderItem so that I can make some conditional style change but not sure how to pass it, it's showing undefined

I want to pass the props(i.e., this.props.labelChange) to renderItem

Code

I am working on a react-native application where I am using react-native-draggable-flatlist for one of the list and unfortunately I have to use shouldComponentUpdate in the component for data manipulation from other list item on another component, but after adding the shouldComponentUpdate, my drag/drop is not not working, I can able to drag and drop but it immediately resets the whole list to original positioning set.

Please help me with some suggestions to make the drag/drop work along with shouldComponentUpdate as I don't want to break the existing functionality

Code

When i tried to run my project then it will give me this bundling failed error.

Here is my index.js file code.