Comments (11)
👋 Hi @MrFarhan, I saw that npx create-react-native-app
is deprecated. Have you tried setting up your app withthe react native CLI or Expo instead?
Docs for react native cli: https://reactnative.dev/docs/getting-started-without-a-framework
Docs for Expo: https://reactnative.dev/docs/environment-setup#start-a-new-react-native-project-with-expo
from amplify-ui.
yes, i am using the latest react native cli.
Below is my react native version:
"react-native": "0.73.7",
from amplify-ui.
Got it, thanks @MrFarhan. What version of Amplify are you using? If possible, could you copy and paste your package.json?
from amplify-ui.
{
"name": "",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"lint": "eslint .",
"start": "react-native start",
"test": "jest"
},
"reactNativePermissionsIOS": [
"Camera",
"MediaLibrary",
"Microphone",
"PhotoLibrary",
"PhotoLibraryAddOnly"
],
"dependencies": {
"@aws-amplify/react-native": "^1.1.1",
"@aws-amplify/ui-react-native": "^2.2.2",
"@react-native-async-storage/async-storage": "^1.23.1",
"@react-native-community/datetimepicker": "^8.1.1",
"@react-native-community/netinfo": "^11.3.2",
"@react-navigation/bottom-tabs": "^6.5.20",
"@react-navigation/native": "^6.1.17",
"@react-navigation/native-stack": "^6.9.26",
"@reduxjs/toolkit": "^2.2.5",
"@shopify/flash-list": "^1.6.4",
"accordion-collapse-react-native": "^1.1.1",
"aws-amplify": "^6.3.4",
"axios": "^1.7.2",
"formik": "^2.4.6",
"lodash.debounce": "^4.0.8",
"moment": "^2.30.1",
"react": "18.2.0",
"react-native": "0.73.7",
"react-native-actions-sheet": "^0.9.6",
"react-native-camera": "^4.2.1",
"react-native-dotenv": "^3.4.11",
"react-native-element-dropdown": "^2.12.0",
"react-native-fast-image": "^8.6.3",
"react-native-geolocation-service": "^5.3.1",
"react-native-gesture-handler": "^2.17.1",
"react-native-get-random-values": "^1.11.0",
"react-native-image-crop-picker": "^0.40.3",
"react-native-linear-gradient": "^2.8.3",
"react-native-permissions": "^4.1.5",
"react-native-qrcode-scanner": "^1.5.5",
"react-native-ratings": "^8.1.0",
"react-native-safe-area-context": "^4.10.1",
"react-native-screens": "^3.30.1",
"react-native-toast-message": "^2.2.0",
"react-native-url-polyfill": "^2.0.0",
"react-native-vector-icons": "^10.0.3",
"react-native-webview": "^13.10.4",
"react-redux": "^9.1.2",
"yup": "^1.4.0"
},
"devDependencies": {
"@babel/core": "^7.20.0",
"@babel/preset-env": "^7.20.0",
"@babel/runtime": "^7.20.0",
"@react-native/babel-preset": "0.73.21",
"@react-native/eslint-config": "0.73.2",
"@react-native/metro-config": "0.73.5",
"@react-native/typescript-config": "0.73.1",
"@types/react": "^18.2.6",
"@types/react-test-renderer": "^18.0.0",
"babel-jest": "^29.6.3",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-test-renderer": "18.2.0",
"typescript": "5.0.4"
},
"engines": {
"node": ">=18"
}
}
from amplify-ui.
Hi @MrFarhan, could please provide a minimum reproducible repository or setup that I can use to debug the issue you are experiencing? This will help me identify the problem more efficiently. Thank you!
I tried to get your example code working, but had to remove a lot of the code for the app to work and was not able to get the bug to reproduce
from amplify-ui.
Hi @timngyn , here you can find the minimal working code with the auth issue https://github.com/MrFarhan/General-repo-for-testing/tree/amplify-authenticator-issue.
To run this you need to add your aws exports file at the root of this project.
Further you can also have a look on below video for further reference.
from amplify-ui.
Screen.Recording.2024-07-16.at.11.11.56.PM.mov
from amplify-ui.
Thanks @MrFarhan for your minimal working code. I'm able to run the repo but am having trouble reproducing the issue. Are there any additional details or configuration that might be needed to reproduce this issue? Which device are you using to test? Is the issue isolated to specific accounts?
Screen.Recording.2024-07-18.at.12.17.04.PM.mov
from amplify-ui.
Hi @jacoblogan , I don't understand what should i provide you, i have given you the repo, and showed you the issue with this specific code on the simulator...
from amplify-ui.
@MrFarhan when I run the code locally I'm not able to reproduce the issue, can you provide the device definition you are using in the simulator as well as your aws-exports (minus any sensitive information) so that I can better align my local reproduction to yours.
from amplify-ui.
@MrFarhan Are you still experiencing this issue? We haven't been able to reproduce it. Are you able to share your aws_exports / amplify_outputs file with sensitive information redacted?
from amplify-ui.
Related Issues (20)
- Accessibility Bug: "X" button in search component is not accessible via keyboard
- Liveness showing not live on production HOT 1
- Accessibility bug - Input fields are not described by their error messages HOT 3
- Authenticator Override Function calls for handleResetPassword and handleConfirmResetPassword are missing HOT 2
- processFile in StorageManager causing endless uploads HOT 11
- Translations for password error messages HOT 1
- Performance Warning in amplify-liveness: Canvas2D getImageData should use willReadFrequently HOT 1
- Customize Login Page HOT 4
- FR: 2FA Input whitespace is trimmed before submit HOT 1
- Getting Initialization of backend wasm failed when using FaceLivenessDetectorCore in React HOT 12
- Documentation error/omission HOT 1
- Errors in FaceLivenessDetector Component Usage in Next.js 14 HOT 7
- Wrong autocomplete value in password field on signIn route and "save-password" not triggered HOT 3
- "Center your face" UI is different between the actual phone and PC Chrome emulation mode HOT 5
- Unable to resolve "style-dictionary/lib/utils/deepExtend" HOT 4
- handleSignIn is not called consistently HOT 6
- Support ui-liveness for Vue HOT 2
- Docs: Improve discoverability of notes on usage with SSR HOT 4
- implement the maplibre wrapper for Angular HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from amplify-ui.