ReactNative | 零基础学习ReactNative -- -学习案例Demo

I am using react-native-draggable-flatlist in ReactNative. I am interested in the ref to FlatList so that I can perform a scrollToIndex on it. Using the following code:

My brain froze with this advanced filtering. This task has exceeded my basic knowledge of filter, map etc.

Here I have an array with nested objects with array:

I am new to node/npm, react and react-native so very new to react-native-web as well. It's been 3 days for me to integrate react-native-web in a Hello World App generated using npx react-native init as per the doc. I tried using both templates: with and without typescript, but no success so far. The farthest I got is to run the app code written in index.web.js but if I add any component from ./src/components/ then I get errors, mostly of webpack.

I created a test repo for easy regeneration of error, So Steps to reproduce are as below:

1. Download this repo in your system.
2. npm install
3. npm run web

Now you'll see the error in the terminal.

Versions:

• metro-react-native-babel-preset: 0.66.0
• node: 16.3.0
• npm: 7.8.0
• OS: Windows 10 - 64 bit

I followed official documentation but with webpack@^4 and referred this article and somehow managed to reach the below situation:

• Webpage is getting rendered if my whole code is inside index.web.js.
• But when I import App inside this then I get compilation failed due to loader error.

Working index.web.js:

It is very new to me see this problem which started happening recently. Previously my app used to work fine on the iOS simulator by running this command react-native run-ios. Now I have done a lot of research and made my app run via XCode. But somehow the metro bundler is not linked when the app runs via XCode.

I tried running the app via react-native run-ios and every time I am seeing this error. It is too big to copy paste every error here, but here are some of them:

I am using react-native-code-push library.. And installed using yarn add react-native-code-push

error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 I:\foodon app reactnative\reactnative\android\app\src\main\java\com\reactnative\MainApplication.java:31: error: cannot find symbol return CodePush.getJSBundleFile(); ^ symbol: variable CodePush Note: I:\foodon app reactnative\reactnative\android\app\src\debug\java\com\reactnative\ReactNativeFlipper.java uses or overrides a deprecated API. Note: Recompile with -Xlint:deprecation for details.

For some reason I am unable to build my project. Yesterday everything worked fine, looking at https://firebase.google.com/support/release-notes/android#update_-_april_02_2019 there is a critical update from 5/11/21.

I tried to change the minSdkVersion as suggested but still no resolution.

This is the error:

I've just built my React Native app for the first time, and after generating an .ipa and installing it on my device to test, I get an alert with title "MyApp - iOS" Needs To Be Updated and body This app needs to be updated by the developer to work on this version of iOS.

In my ReactNative project I've set iOS target to be 10.0, and the iOS version on the phone is 14.2, so I don't understand why it doesn't work. I've struggled to find any helpful resources from googling around.

I am trying to implement react-native-maps in my App (react native version 64.1)

This is the source I'm using to integrate maps to my app

when I try to sync my project using Android Studio I get these errors (screenshot):

I'm working on the react-native storybook project and I'm trying to re-use some code that is used to load files (stories) into the application. On the web version of the app this code is used to keep track of the previous list of story files (previousexports) so that when you reload it doesn't duplicate the stories.