Giter VIP home page Giter VIP logo

argon-react-native's Introduction

version GitHub issues open GitHub issues closed

Product Gif

Argon React Native is a fully coded app template built over Galio.io, React Native and Expo to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like Argon's Design System, minimalistic and easy to use.

Start your development with a badass Design System for React Native inspired by Argon Design System. If you like Argon's Design System, you will love this react native app template! It features a huge number of components and screens built to fit together and look amazing.

FULLY CODED COMPONENTS

Argon React Native features over 200 variations of components like buttons, inputs, cards, navigations etc, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify inside our theme file.

You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. We wanted the design process to be seamless, so switching from image to the real page is very easy to do.

Components & Cards

Argon React Native comes packed with a large number of components and cards. Putting together a mobile app has never been easier than matching together different components. From the profile screen to a settings screen, you can easily customise and build your screens. We have created multiple options for you to put together and customise into pixel perfect screens.

View all components/cards here.

Example Screens

If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example screens. From onboarding screens to profile or discover screens, you will be able to quickly set up the basic structure for your React Native mobile project.

View all screens here.

Let us know your thoughts below. And good luck with development!

Table of Contents

Versions

HTML React Angular
Argon Design System Argon Design System React Argon Design System Angular

Demo

Home Screen Profile Screen Elements Screen Register Screen
Home Screen Profile Screen Elements Screen Register Screen

View more

Quick start

  • Try it out on Expo (Simulator for iOS or even your physical device if you have an Android)
  • Download from Creative Tim

Documentation

The documentation for the Argon React Native is hosted at our website.

File Structure

Within the download you'll find the following directories and files:

argon-react-native/
├── App.js
├── README.md
├── app.json
├── assets
├── babel.config.js
├── components
│   ├── Button.js
│   ├── DrawerItem.js
│   ├── Header.js
│   ├── Icon.js
│   ├── Card.js
│   ├── Select.js
│   ├── Switch.js
│   ├── Tabs.js
│   └── index.js
├── constants
│   ├── Images.js
│   ├── Theme.js
│   ├── index.js
│   ├── articles.js
│   ├── tabs.js
│   └── utils.js
├── navigation
│   ├── Menu.js
│   └── Screens.js
├── package.json
├── screens
│   ├── Articles.js
│   ├── Home.js
│   ├── Elements.js
│   ├── Onboarding.js
│   ├── Pro.js
│   ├── Profile.js
│   └── Register.js

OS Support

At present, we officially aim to support the last two versions of the following operating systems:

Resources

HTML React Angular
Argon HTML Argon Dashboard React Argon Dashboard Angular
Node.js ASP.NET
Argon Dashboard NodeJS Argon Dashboard ASP.NET

Reporting Issues

We use GitHub Issues as the official bug tracker for the Argon React Native. Here are some advices for our users that want to report an issue:

  1. Make sure that you are using the latest version of the Argon React Native.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help integrating the product please contact us instead of opening an issue.

Licensing

Useful Links

Social Media

Twitter: https://twitter.com/CreativeTim

Facebook: https://www.facebook.com/CreativeTim

Dribbble: https://dribbble.com/creativetim

Instagram: https://www.instagram.com/CreativeTimOfficial

argon-react-native's People

Contributors

andrejguran avatar dragosct avatar hetmann avatar iamthejsguy avatar kwekuq avatar marqbeniamin avatar palingheorghe avatar taqishah1214 avatar techguy4141 avatar yakkomajuri avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

argon-react-native's Issues

Only an empty screen is rendered

Prerequisites

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

expo start and scanning the QR should show some UI.

Current Behavior

I did the following:

  1. yarn global add expo-cli
  2. yarn install
  3. expo start
  4. Scan the QR with Expo or click "run on Android device" in web UI.
  5. It showed an empty screen on my android device. Nothing else happened.

Failure Information (for bugs)

No errors printed.

INFO
13:08
Starting Metro Bundler on port 19001.
INFO
13:08
Successfully ran adb reverse. Localhost URLs should work on the connected Android device.
INFO
13:08
Tunnel ready.
INFO
13:08
Opening on Android device

Steps to Reproduce

  1. yarn global add expo-cli
  2. yarn install
  3. expo start
  4. Scan the QR with Expo or click "run on Android device" in web UI.

Context

  • Device: OnePlus 7 Pro
  • Operating System: Linux Manjaro
  • Browser and Version: Chrome Version 77.0.3865.120 (Official Build) (64-bit)

Failure Logs

None

Header elements misaligned on Android

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The header will be correctly aligned, like such.

Current Behavior

The header's items are misaligned.

Failure Information (for bugs)

The header works fine on iOS. All Android devices I've tried have this issue.

Steps to Reproduce

  1. Run the example project.
  2. Open the project on an Android device/AVD.
  3. Notice that the NavBar/Header is misaligned.

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device: Google Pixel 6 (AVD)
  • Resolution: 320x640

Failure Logs

None available.

want to separate onboarding screen and other screens

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [ yes] I am running the latest version
  • [yes ] I checked the documentation and found no answer
  • [yes ] I checked to make sure that this issue has not already been filed
  • [ yes] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

want to separate onboarding screen and other screens because I don't want drawer menu on onboarding screen.

Current Behavior

do not able to do that

#i am just beginner and trying hard to learn to react native and I am waiting for Pro version

Error 'Unexpected token' on static keyword

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Install and run correctly

Current Behavior

Then I run the command:

expo start web

I can see the compile error below.

Failure Information (for bugs)

Failed to compile.
/Users/sergous/Development/ReactNative/argon-pro-react-native-v1.6.0/node_modules/galio-framework/src/Toast.js 11:19
Module parse failed: Unexpected token (11:19)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 
| class Toast extends Component {
>   static propTypes = {
|     children: PropTypes.node.isRequired,
|     isShow: PropTypes.bool.isRequired,

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. yarn install
  2. expo start
  3. get error

Context

The current workaround is replacing

import 'galio-framework'

with symlink:

ln -s node_modules/galio-framework/src galio-framework
  • Device: Mac
  • Operating System: OS X 11.4
  • Browser and Version: Chrome

Failure Logs

Please include any relevant log snippets or files here.

Duplicate resource error with signed bundle generation - Android Studio

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Successful generation of signed bundle in Android Studio.

Current Behavior

Getting the "Duplicate resource" error for assets_config_argon.json and assets_config_argon.ttf.

Failure Information (for bugs)

:app:mergeReleaseResources 2 errors

app/build/generated/res/react/release/raw/assets_config_argon.json
Duplicate resource

app/build/generated/res/react/release/raw/assets_config_argon.ttf
Duplicate resource

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device: Huawei Mate 10 Lite
  • Operating System: Android

Error - Expo Emulator (Android)

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

With expo start and running "Start Android/Emulator" - starts app on emulated device

Current Behavior

After starting Android/emulator app loads JS files up till 60% then returns error message
Opening on Android device
Unable to resolve "react-native-screens" from "node_modules\react-navigation-stack\lib\module\views\StackView\StackViewCard.js"
Failed building JavaScript bundle.

Failure Information (for bugs)

I think it is a bug. Please help.

Unable to resolve module expo-modules-core / TypeError: undefined is not an object

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [y] I am running the latest version
  • [y] I checked the documentation and found no answer
  • [y] I checked to make sure that this issue has not already been filed
  • [y] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

run expo start --android and the app starts correctly with no errors

Current Behavior

run expo start --android and show the error in finallized build

Unable to resolve module expo-modules-core from /Users/MYNAMES/Desktop/argon-pro-react-native-v1.6.0/node_modules/expo-splash-screen/build/SplashScreen.js: expo-modules-core could not be found within the project.

Failure Information (for bugs)

Unable to resolve module expo-modules-core from /Users/MYNAMES/Desktop/argon-pro-react-native-v1.6.0/node_modules/expo-splash-screen/build/SplashScreen.js: expo-modules-core could not be found within the project.

variant bug:

Unable to start your application. Please refer to https://expo.fyi/no-registered-application for more information.
at node_modules/react-native/Libraries/ReactNative/AppRegistry.js:200:6 in runApplication

TypeError: undefined is not an object (evaluating '_expoModulesCore.NativeModulesProxy.ExpoSplashScreen')
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:171:19 in handleException
at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. clone repo
  2. run yarn
  3. run yarn start --android

Context

  • Device: Emulator Pixel 4 android 10 (Sdk 29)
  • Operating System: Ubuntu 20.04 LTS

Failure Logs

Unable to start your application. Please refer to https://expo.fyi/no-registered-application for more information.
at node_modules/react-native/Libraries/ReactNative/AppRegistry.js:200:6 in runApplication

TypeError: undefined is not an object (evaluating '_expoModulesCore.NativeModulesProxy.ExpoSplashScreen')
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:171:19 in handleException
at node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError
at node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0

How to Add Submenu

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [yes ] I am running the latest version
  • [ yes] I checked the documentation and found no answer
  • [yes ] I checked to make sure that this issue has not already been filed
  • [ yes] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Current Behavior

I want to Add SubMenu but i'm not able to update Menu.js it's always giving Error no matter what is tried

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. step 1
  2. step 2
  3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device:
  • Operating System:
  • Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

npm install error

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Running npm install from root directory should work without errors. Vulnerabilities acceptable.

Current Behavior

Current behavior produces error when running npm install.

Failure Information (for bugs)

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @react-navigation/[email protected]
npm ERR! node_modules/@react-navigation/native
npm ERR! @react-navigation/native@"^6.0.10" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @react-navigation/native@"^5.0.5" from @react-navigation/[email protected]
npm ERR! node_modules/@react-navigation/compat
npm ERR! @react-navigation/compat@"^5.1.25" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Steps to Reproduce

git clone https://github.com/creativetimofficial/argon-react-native.git argon-react-native
cd argon-react-native
npm install

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

Laptop
Windows 10 Pro
Running commands from powershell

Failure Logs

0 verbose cli C:\Program Files\nodejs\node.exe C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js
1 info using [email protected]
2 info using [email protected]
3 timing npm:load:whichnode Completed in 2ms
4 timing config:load:defaults Completed in 2ms
5 timing config:load:file:C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\npmrc Completed in 3ms
6 timing config:load:builtin Completed in 3ms
7 timing config:load:cli Completed in 1ms
8 timing config:load:env Completed in 1ms
9 timing config:load:file:C:\src\codeflume\viola\argon-react-native.npmrc Completed in 0ms
10 timing config:load:project Completed in 1ms
11 timing config:load:file:C:\Users\mrsmi.npmrc Completed in 0ms
12 timing config:load:user Completed in 0ms
13 timing config:load:file:C:\Users\mrsmi\AppData\Roaming\npm\etc\npmrc Completed in 1ms
14 timing config:load:global Completed in 1ms
15 timing config:load:setEnvs Completed in 0ms
16 timing config:load Completed in 10ms
17 timing npm:load:configload Completed in 10ms
18 timing config:load:flatten Completed in 2ms
19 timing npm:load:mkdirpcache Completed in 0ms
20 timing npm:load:mkdirplogs Completed in 1ms
21 verbose title npm install
22 verbose argv "install"
23 timing npm:load:setTitle Completed in 0ms
24 timing npm:load:display Completed in 1ms
25 verbose logfile logs-max:10 dir:C:\Users\mrsmi\AppData\Local\npm-cache_logs\2023-07-19T00_40_16_451Z-
26 verbose logfile C:\Users\mrsmi\AppData\Local\npm-cache_logs\2023-07-19T00_40_16_451Z-debug-0.log
27 timing npm:load:logFile Completed in 19ms
28 timing npm:load:timers Completed in 0ms
29 timing npm:load:configScope Completed in 0ms
30 timing npm:load Completed in 69ms
31 timing arborist:ctor Completed in 1ms
32 timing arborist:ctor Completed in 0ms
33 silly logfile start cleaning logs, removing 2 files
34 timing idealTree:init Completed in 16ms
35 timing idealTree:userRequests Completed in 0ms
36 silly idealTree buildDeps
37 silly fetch manifest @react-native-masked-view/[email protected]
38 silly logfile done cleaning log files
39 http fetch GET 200 https://registry.npmjs.org/@react-native-masked-view%2fmasked-view 278ms (cache miss)
40 silly fetch manifest [email protected]
41 http fetch GET 200 https://registry.npmjs.org/react 77ms (cache revalidated)
42 silly fetch manifest [email protected]
43 http fetch GET 200 https://registry.npmjs.org/react-native 341ms (cache updated)
44 silly fetch manifest @react-navigation/bottom-tabs@^6.3.1
45 http fetch GET 200 https://registry.npmjs.org/@react-navigation%2fbottom-tabs 99ms (cache miss)
46 silly fetch manifest @react-navigation/native@^6.0.10
47 http fetch GET 200 https://registry.npmjs.org/@react-navigation%2fnative 91ms (cache revalidated)
48 silly fetch manifest [email protected]
49 http fetch GET 200 https://registry.npmjs.org/react-native-safe-area-context 72ms (cache revalidated)
50 silly fetch manifest react-native-screens@~3.11.1
51 http fetch GET 200 https://registry.npmjs.org/react-native-screens 75ms (cache revalidated)
52 silly fetch manifest @react-navigation/compat@^5.1.25
53 http fetch GET 200 https://registry.npmjs.org/@react-navigation%2fcompat 383ms (cache miss)
54 silly fetch manifest @react-navigation/native@^5.0.5
55 timing idealTree Completed in 1551ms
56 timing command:install Completed in 1557ms
57 verbose stack Error: unable to resolve dependency tree
57 verbose stack at Arborist.#failPeerConflict (C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:1376:25)
57 verbose stack at Arborist.#loadPeerSet (C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:1342:33)
57 verbose stack at async Arborist.#buildDepStep (C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:917:11)
57 verbose stack at async Arborist.buildIdealTree (C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:196:7)
57 verbose stack at async Promise.all (index 1)
57 verbose stack at async Arborist.reify (C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\reify.js:159:5)
57 verbose stack at async Install.exec (C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\lib\commands\install.js:149:5)
57 verbose stack at async module.exports (C:\Users\mrsmi\AppData\Roaming\npm\node_modules\npm\lib\cli-entry.js:61:5)
58 verbose cwd C:\src\codeflume\viola\argon-react-native
59 verbose Windows_NT 10.0.22621
60 verbose node v16.17.1
61 verbose npm v9.8.0
62 error code ERESOLVE
63 error ERESOLVE unable to resolve dependency tree
64 error
65 error While resolving: [email protected]
65 error Found: @react-navigation/[email protected]
65 error node_modules/@react-navigation/native
65 error @react-navigation/native@"^6.0.10" from the root project
65 error
65 error Could not resolve dependency:
65 error peer @react-navigation/native@"^5.0.5" from @react-navigation/[email protected]
65 error node_modules/@react-navigation/compat
65 error @react-navigation/compat@"^5.1.25" from the root project
65 error
65 error Fix the upstream dependency conflict, or retry
65 error this command with --force or --legacy-peer-deps
65 error to accept an incorrect (and potentially broken) dependency resolution.
66 error
66 error
66 error For a full report see:
66 error C:\Users\mrsmi\AppData\Local\npm-cache_logs\2023-07-19T00_40_16_451Z-eresolve-report.txt
67 verbose exit 1
68 timing npm Completed in 1909ms
69 verbose unfinished npm timer reify 1689727216791
70 verbose unfinished npm timer reify:loadTrees 1689727216794
71 verbose unfinished npm timer idealTree:buildDeps 1689727216811
72 verbose unfinished npm timer idealTree:#root 1689727216811
73 verbose code 1

.../node_modules\galio-framework\src\Text.js: Argument name clash (24:2)

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [x ] I am running the latest version
  • [x ] I checked the documentation and found no answer
  • [ x] I checked to make sure that this issue has not already been filed
  • [ x] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Bundle my teste app
I have downloaded the last version of Argon-React-Native from your website, runned yarn install to get all updated dependencies, runned yarn start, which starter expo start subsequently.

Current Behavior

After scan the QR Code into my Expo app installed on a Android with specs below, the code start running to Build a JavaScript bundle, but then the compilation crashes with failure below.

Failure Information (for bugs)

Error: C:\node\argo\node_modules\galio-framework\src\Text.js: Argument name clash (24:2)

  22 |   center,
  23 |   children,
> 24 |   style,
     |   ^
  25 |   styles,
  26 |   theme,
  27 |   ...rest
Failed building JavaScript bundle.
events.js:174

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. Download last version of Argon direct from site
  2. go to the directory and run yard install
  3. run yard start
  4. scan the QR code and open in your mobile

Context

I am very new to Android development, but I believe it shouldnt be an erro as i am not changing anything and i am trying to follow all steps.

Failure Logs

Please include any relevant log snippets or files here.
2019-10-15T02_57_17_839Z-debug.log

Capturar

You may need an appropriate loader to handle this file type

Hi Team,

I'm using this repo to even run react-native-web. Wehn i try to run, i'm getting the below mentioned error. After searching for the solution, few suggested to add some code to the webpack.config, so that browser can understand.

I think Toast might not be available for browser due to which it's failing. Can you please help me with the issue.

/node_modules/galio-framework/src/Toast.js 11:19 Module parse failed: Unexpected token (11:19)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
| class Toast extends Component {

static propTypes = {
| children: PropTypes.node.isRequired,
| isShow: PropTypes.bool.isRequired,

Regards,
Sharath

buttons in the header not working good and not display good the profile interface

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. step 1
  2. step 2
  3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device:
  • Operating System:
  • Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Error while running through expo

Freshly downloaded and installed today, getting the below error when we execute through expo in IOS simulator

null is not an object (evaluating 'null.isRequired') Icon.js:48:13 loadModuleImplementation require.js:292:12 index.js:5 loadModuleImplementation require.js:292:12 App.js:4 loadModuleImplementation require.js:292:12 AppEntry.js:2 loadModuleImplementation require.js:292:12 guardedLoadModule require.js:179:45 global code :0

cant run argon-react-native have issues

I am trying to use argon-react-native
the issue that it have a lot of issues on start

Cannot read property 'style' of undefined
Module.../../../../../../../../../..//node_modules/galio-framework/src/Toast.js

pass data between 2 screens

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [yes ] I am running the latest version
  • [yes ] I checked the documentation and found no answer
  • [yes] I checked to make sure that this issue has not already been filed
  • [yes ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

I want to pass email id to one page to another [I replaced onboarding.js to Login.js; I want to pass email-id to profile page ] and navigate to Home screen.

Current Behavior

I am not able to pass that data and I don't know how to navigate to another page and at the same time how to send data to another page.

Failure Information (for bugs)

shows error - TypeError: undefined is not an object (evaluating 'this.props.navigation.state.params.Email)

### Onboarding.js

import React, { Component } from 'react';
import {
StyleSheet,
ImageBackground,
Dimensions,
StatusBar,
KeyboardAvoidingView,
Image, TextInput, View, Alert
} from "react-native";
import Toast, {DURATION} from 'react-native-easy-toast'
import { Block, Checkbox, Text, theme } from "galio-framework";
import { StackNavigator } from 'react-navigation';
import { Button, Icon, Input } from "../components";
import { Images, argonTheme } from "../constants";

const { width, height } = Dimensions.get("screen");

class Register extends React.Component {

constructor(props) {
super(props)

this.state = {

UserName: '',
  UserEmail: '',
  UserPassword: ''

}
}
UserLoginFunction = () =>{

const { UserName } = this.state;
const { UserEmail } = this.state ;
const { UserPassword } = this.state ;

fetch('http://demo.weybee.in/react/User_Login.php', {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
},
body: JSON.stringify({

username: UserName,

email: UserEmail,

password: UserPassword

})

}).then((response) => response.json())
.then((responseJson) => {

    // If server response message same as Data Matched
   if(responseJson === 'Data Matched')
    {

        //Then open Profile activity and send user email to profile activity.
        
        this.refs.toast.show('Login successful', 500, () => {
        const { navigation } = this.props;
        navigation.navigate("Profile",{Email: UserEmail});
});
    }
    else{

      Alert.alert(responseJson);
    }

  }).catch((error) => {
    console.error(error);
  });

}
render() {

return (
  <Block flex middle>
    <StatusBar hidden />
    <ImageBackground
      source={Images.Onboarding}
      style={{ width, height, zIndex: 1 }}
    >
      <Block flex middle>
        <Block style={styles.registerContainer}>
          <Block flex={0.25} middle style={styles.socialConnect}>
            <Image 
            style={{width: 90, height: 90, marginTop:13}}
            source={require('./fitness.png')} />
            <Block row style={{ marginTop: theme.SIZES.BASE }}>
              
                
            </Block>

          </Block>
          <Block flex>
            <Block flex={0.17} middle>
              <Text color="#656f7a" size={20}>
               Fight for fitness
              </Text>
            </Block>
            <Block flex center>
              <KeyboardAvoidingView
                style={{ flex: 1 }}
                behavior="padding"
                enabled
              >
                <Block width={width * 0.8} style={{ marginBottom: 15 }}>
                  <Input
                    style={{borderRadius:50, borderWidth:5}}
                    onChangeText={UserName => this.setState({UserName})}
                    borderless
                    placeholder="Name"
                    iconContent={
                      <Icon
                        size={16}
                        color={argonTheme.COLORS.ICON}
                        name="hat-3"
                        family="ArgonExtra"
                        style={styles.inputIcons}
                      />
                    }
                  />
                </Block>
                <Block width={width * 0.8} style={{ marginBottom: 15 }}>
                  <Input
                    style={{borderRadius:50, borderWidth:5}}
                    onChangeText={UserEmail => this.setState({UserEmail})}
                    borderless
                    placeholder="Email"
                    iconContent={
                      <Icon
                        size={16}
                        color={argonTheme.COLORS.ICON}
                        name="ic_mail_24px"
                        family="ArgonExtra"
                        style={styles.inputIcons}
                      />
                    }
                  />
                </Block>
                <Block width={width * 0.8}>
                  <Input
                    style={{borderRadius:50, borderWidth:5}}
                    onChangeText={UserPassword => this.setState({UserPassword})}
                    password
                    borderless
                    placeholder="Password"
                    iconContent={
                      <Icon
                        size={16}
                        color={argonTheme.COLORS.ICON}
                        name="padlock-unlocked"
                        family="ArgonExtra"
                        style={styles.inputIcons}
                      />
                    }
                  />
                  
                </Block>

                <Block middle>
                  <Button color="primary" style={styles.createButton} onPress={this.UserLoginFunction}>
                    <Text bold size={14} color={argonTheme.COLORS.WHITE}>
                      Log In
                    </Text>
                  </Button>
                  <Toast ref="toast"
                  style={{backgroundColor:'#131313'}}
                  textStyle={{color:'white',fontWeight: 'bold'}}
                  position='top'/>
                </Block>
              </KeyboardAvoidingView>
            </Block>
          </Block>
        </Block>
      </Block>
    </ImageBackground>
  </Block>
);

}
}

const styles = StyleSheet.create({
registerContainer: {
width: width * 0.9,
height: height * 0.78,
backgroundColor: "#F4F5F7",
borderRadius: 4,
shadowColor: argonTheme.COLORS.BLACK,
shadowOffset: {
width: 0,
height: 4
},
shadowRadius: 8,
shadowOpacity: 0.1,
elevation: 1,
overflow: "hidden"
},
socialConnect: {
backgroundColor: argonTheme.COLORS.WHITE,
borderBottomWidth: StyleSheet.hairlineWidth,
borderColor: "#8898AA"
},
socialButtons: {
width: 120,
height: 40,
backgroundColor: "#fff",
shadowColor: argonTheme.COLORS.BLACK,
shadowOffset: {
width: 0,
height: 4
},
shadowRadius: 8,
shadowOpacity: 0.1,
elevation: 1
},
socialTextButtons: {
color: argonTheme.COLORS.PRIMARY,
fontWeight: "800",
fontSize: 14
},
inputIcons: {
marginRight: 12
},
passwordCheck: {
paddingLeft: 15,
paddingTop: 13,
paddingBottom: 30
},
createButton: {
width: width * 0.5,
marginTop: 25
}
});

export default Register;

Profile.js

import React from "react";
import {
StyleSheet,
Dimensions,
ScrollView,
Image,
ImageBackground,
Platform
} from "react-native";
import { Block, Text, theme } from "galio-framework";

import { StackNavigator } from 'react-navigation';
import { Button, Input, Icon } from "../components";
import { Images, argonTheme } from "../constants";
import { HeaderHeight } from "../constants/utils";

const { width, height } = Dimensions.get("screen");

const thumbMeasure = (width - 48 - 32) / 3;

class Profile extends React.Component {

render() {
const {goBack} = this.props.navigation;
return (



<ScrollView
showsVerticalScrollIndicator={false}
style={{ width, marginTop: '25%' }}
>


<Image
source={{ uri: Images.ProfilePicture }}
style={styles.avatar}
/>

            <Block flex>

              <Block middle style={styles.nameInfo}>
                <Text bold size={28} color="#32325D">
                  { this.props.navigation.state.params.Email }
                </Text>
                <Block width={width * 0.8} style={{ marginBottom: 15 }}>
                  <Input
                    editable = {false}
                    placeholder="Email"
                    value = { this.props.navigation.state.params.Email }
                    style={{marginTop:20, borderRadius:30, borderWidth:3}}
                    iconContent={
                      <Icon
                        size={16}
                        color={argonTheme.COLORS.ICON}
                        name="nav-right"
                        family="ArgonExtra"
                        style={styles.inputIcons}
                      />
                    }
                  />
                </Block>
                  <Block width={width * 0.8} style={{ marginBottom: 15 }}>
                  <Input
                    editable = {false}
                    placeholder="Mobile Number"
                    style={{borderRadius:30, borderWidth:3}}
                    iconContent={
                      <Icon
                        size={16}
                        color={argonTheme.COLORS.ICON}
                        name="nav-right"
                        family="ArgonExtra"
                        style={styles.inputIcons}
                      />
                    }
                  />
                </Block>
                <Block width={width * 0.8} style={{ marginBottom: 15 }}>
                  <Input
                    editable = {false}
                    placeholder="Gender"
                    style={{borderRadius:30, borderWidth:3}}
                    iconContent={
                      <Icon
                        size={16}
                        color={argonTheme.COLORS.ICON}
                        name="nav-right"
                        family="ArgonExtra"
                        style={styles.inputIcons}
                      />
                    }
                  />
                </Block>
                  
              </Block>

                  <Block middle>
                  <Button color="primary" style={styles.createButton} onPress={this.UserLoginFunction}>
                    <Text bold size={14} color={argonTheme.COLORS.WHITE}>
                      Edit Info
                    </Text>
                  </Button>
                </Block>
            </Block>
          </Block>
        </ScrollView>
      </ImageBackground>
    </Block>
    
  </Block>
);

}
}

const styles = StyleSheet.create({
profile: {
marginTop: Platform.OS === "android" ? -HeaderHeight : 0,
// marginBottom: -HeaderHeight * 2,
flex: 1
},
profileContainer: {
width: width,
height: height,
padding: 0,
zIndex: 1
},
profileBackground: {
width: width,
height: height / 2
},
profileCard: {
// position: "relative",
padding: theme.SIZES.BASE,
marginHorizontal: theme.SIZES.BASE,
marginTop: 65,
borderTopLeftRadius: 6,
borderTopRightRadius: 6,
backgroundColor: theme.COLORS.WHITE,
shadowColor: "black",
shadowOffset: { width: 0, height: 0 },
shadowRadius: 8,
shadowOpacity: 0.2,
zIndex: 2
},
info: {
paddingHorizontal: 40
},
avatarContainer: {
position: "relative",
marginTop: -80
},
avatar: {
width: 124,
height: 124,
borderRadius: 62,
borderWidth: 0
},
nameInfo: {
marginTop: 35
},
divider: {
width: "90%",
borderWidth: 1,
borderColor: "#E9ECEF"
},
inputIcons: {
marginRight: 12
},
thumb: {
borderRadius: 4,
marginVertical: 4,
alignSelf: "center",
width: thumbMeasure,
height: thumbMeasure
},
createButton: {
width: width * 0.5,
marginTop: 10
}
});

export default Profile;

(url)
error data

Errors when trying to get up and running

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

I am expecting to be able to take the latest version and run it successfully

Current Behavior

When I run npm run install I get the following;

npm WARN ERESOLVE overriding peer dependency
npm WARN Found: [email protected]
npm WARN node_modules/expo/node_modules/react
npm WARN peer react@">=16.5.1" from [email protected]
npm WARN node_modules/expo/node_modules/react-native-web
npm WARN peer react-native-web@"~0.13.7" from @unimodules/[email protected]
npm WARN node_modules/expo/node_modules/@unimodules/react-native-adapter
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email protected]
npm WARN node_modules/expo/node_modules/react-dom
npm WARN peer react-dom@">=16.5.1" from [email protected]
npm WARN node_modules/expo/node_modules/react-native-web
npm WARN deprecated [email protected]: Check out lodash.merge or merge-options instead.
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: support for ECMAScript is superseded by uglify-js as of v3.13.0
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated [email protected]: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.

Which may or may not be an issue

Failure Information (for bugs)

running expo start and firing up an emulator I get

Failed building JavaScript bundle. Unable to resolve module @unimodules/react-native-adapter from /Users/XXXXXXXX/Dev/my-reflections-react/node_modules/@unimodules/core/build/AdapterProxy.js: @unimodules/react-native-adapter could not be found within the project.

I then have tried installing @unimodules/react-native-adapter manually and then I start getting other errors;

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. Follow the steps to get started from the documentation
  2. install @unimodules/react-native-adapter

Context

  • Device: Mac running iOS emulator
  • Operating System: MacOS
  • Browser and Version: N/A

Error ./Link not resolved on initial startup

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Initial project to load properly

Current Behavior

Error is thrown: Unable to resolve "./Link" from "node_modules/@react-navigation/native/src/index.tsx"
Failed building JavaScript bundle.

I tried downgrading react-gesture-handler, react-navigation, but no luck

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. Clone repo
  2. npm i
  3. npm start

Context

package.json after install
{
"name": "argon-react-native",
"version": "1.5.0",
"description": "Argon React Native, based on Argon Design System. Coded by Creative Tim",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"eject": "expo eject"
},
"repository": {
"type": "git",
"url": "git+https://github.com/creativetimofficial/argon-react-native.git"
},
"dependencies": {
"@react-native-community/masked-view": "0.1.6",
"@react-navigation/bottom-tabs": "^5.0.6",
"@react-navigation/compat": "^5.0.0",
"@react-navigation/drawer": "5.0.0",
"@react-navigation/native": "5.0.0",
"@react-navigation/stack": "5.0.0",
"@use-expo/font": "^2.0.0",
"expo": "^37.0.0",
"expo-asset": "~8.1.5",
"expo-font": "~8.1.0",
"galio-framework": "^0.6.3",
"prop-types": "^15.7.2",
"react": "16.9.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
"react-native-gesture-handler": "~1.6.0",
"react-native-modal-dropdown": "^0.7.0",
"react-native-reanimated": "~1.7.0",
"react-native-safe-area-context": "0.7.3",
"react-native-screens": "~2.2.0"
},
"devDependencies": {
"babel-preset-expo": "^8.2.1"
},
"keywords": [
"argon react native",
"argon design system",
"argon app react native",
"argon iOS",
"react native iOS",
"creative tim",
"argon Android",
"react native ui kit",
"react native expo",
"freebie",
"react native argon design",
"react native galio",
"galio argon free",
"galio react native free app",
"argon expo react native",
"react native ui template"
],
"author": "Creative Tim [email protected] (https://www.creative-tim.com/)",
"license": "MIT",
"bugs": {
"url": "https://github.com/creativetimofficial/argon-react-native/issues"
},
"homepage": "https://demos.creative-tim.com/argon-react-native"
}

Failure Logs

Please include any relevant log snippets or files here.

Issue starting up project locally

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

For some reason when trying to compile master branch locally it will not compile and gives the following error:
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in %s.%s, a useEffect cleanup function, in Unknown (at withExpoRoot.js:22)

Current Behavior

What is the current behavior?
Gives the error listed above

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. Checkout master
  2. npm i
  3. npm start android

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

Appears to be happening on all of the devices I try it on.

Failure Logs

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in %s.%s, 
a useEffect cleanup function,
    in Unknown (at withExpoRoot.js:22)
- node_modules\react-native\Libraries\YellowBox\YellowBox.js:63:8 in console.error
- node_modules\expo\build\environment\muteWarnings.fx.js:27:24 in error
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:645:36 in warningWithoutStack
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:20432:6 in warnAboutUpdateOnUnmountedFiberInDEV
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18518:41 in scheduleUpdateOnFiber
- node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:11484:17 in dispatchAction
* [native code]:null in dispatchAction

Setting the web or ios env

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [ X] I am running the latest version
  • [X ] I checked the documentation and found no answer
  • [ X] I checked to make sure that this issue has not already been filed
  • [ X] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Running Argon on the browser

Current Behavior

I am getting a few errors

12:48
 web  Failed to compile.
C:/Users/Mikeez/Desktop/Project/argon-react-native-master/argon-react-native-master/node_modules/react-native-modal-dropdown/components/ModalDropdown.js
Module not found: Can't resolve 'react-native-web/dist/exports/ActivityIndicator' in 'C:\Users\Mikeez\Desktop\Project\argon-react-native-master\argon-react-native-master\node_modules\react-native-modal-dropdown\components'```

# Failure Information (for bugs)

The webpage is blank and if I inspect I see: ```Uncaught SyntaxError: Unexpected token '!'

Steps to Reproduce

  1. npm install
  2. npm start (expo installed, expo start)

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device: Computer and iPhone
  • Operating System: Windows 10 and iOS
  • Browser and Version: Chrome latest, iOS latest

I believe I have issue setting it up, setting the development environment. What am I missing?

Can't resolve 'react-native-web/dist/exports/ActivityIndicator'

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [v] I am running the latest version
  • [v] I checked the documentation and found no answer
  • [v] I checked to make sure that this issue has not already been filed
  • [v ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

With expo start and running "Start Android/Emulator" - starts app on emulated device and on web

Current Behavior

Failed to compile.
/home/alec6/expo/x3log/node_modules/react-native-modal-dropdown/components/ModalDropdown.js
Module not found: Can't resolve 'react-native-web/dist/exports/ActivityIndicator' in '/home/alec6/expo/x3log/node_modules/react-native-modal-dropdown/components'

If i delete ActivityIndicator in ModalDropdown.js, i'll have a new issue
Failed to compile.
/home/alec6/expo/x3log/components/Tabs.js
Module not found: Can't resolve 'react-native-web/dist/exports/Animated' in '/home/alec6/expo/x3log/components'

Failure Information (for bugs)

I think it's a bug

Steps to Reproduce

expo start

Context

  • Device: PC Asus
  • Operating System: Ubuntu
  • Browser and Version: Firefox

Invariant Violation: requireNativeComponent: "GestureHandlerRootView" was not found in the UIManager.

RN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @react-navigation/[email protected]
npm WARN Found: @react-navigation/[email protected]
npm WARN node_modules/@react-navigation/native
npm WARN @react-navigation/native@"^6.0.10" from the root project
npm WARN 3 more (@react-navigation/bottom-tabs, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @react-navigation/native@"^5.0.5" from @react-navigation/[email protected]
npm WARN node_modules/@react-navigation/compat
npm WARN @react-navigation/compat@"^5.1.25" from the root project
npm WARN
npm WARN Conflicting peer dependency: @react-navigation/[email protected]
npm WARN node_modules/@react-navigation/native
npm WARN peer @react-navigation/native@"^5.0.5" from @react-navigation/[email protected]
npm WARN node_modules/@react-navigation/compat
npm WARN @react-navigation/compat@"^5.1.25" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @react-navigation/[email protected]
npm WARN Found: @react-navigation/[email protected]
npm WARN node_modules/@react-navigation/native
npm WARN @react-navigation/native@"^6.0.10" from the root project
npm WARN 3 more (@react-navigation/bottom-tabs, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @react-navigation/native@"^5.0.5" from @react-navigation/[email protected]
npm WARN node_modules/@react-navigation/drawer
npm WARN @react-navigation/drawer@"5.12.4" from the root project
npm WARN
npm WARN Conflicting peer dependency: @react-navigation/[email protected]
npm WARN node_modules/@react-navigation/native
npm WARN peer @react-navigation/native@"^5.0.5" from @react-navigation/[email protected]
npm WARN node_modules/@react-navigation/drawer
npm WARN @react-navigation/drawer@"5.12.4" from the root project

something went wrong installing the 'sharp' module

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [yes ] I am running the latest version
  • [ yes] I checked the documentation and found no answer
  • [yes ] I checked to make sure that this issue has not already been filed
  • [ yes
    node module error
    ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. step 1
  2. step 2
  3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device:
  • Operating System:
  • Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Expo Snack problem with importing files.

Prerequisites

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Go to

https://snack.expo.io/@maciej.stachowiak/github.com-creativetimofficial-argon-react-native

Run app on phone

I should see no errors

Current Behavior

What is the current behavior?

Failure Information (for bugs)

But I see

Did you know:
You can turn off automatic updates under Devices in the footer?
Unable to resolve module 'module://constants/.js'
  Evaluating module://constants/.js
  Evaluating module://screens/Pro.js.js
  Evaluating module://navigation/Screens.js.js
  Evaluating module://App.js.js
  Loading module://App.js
Error: Unable to resolve module 'module://constants/.js'
    at Object.eval (module://constants/.js!transpiled:1:113)
    at eval (module://constants/.js!transpiled:2:4)
    at eval (module://constants/.js!transpiled:3:3)
    at eval (<anonymous>)
    at [snack internals]
    at Object.n ([snack internals]
    at e.evaluate ([snack internals]
    at He ([snack internals]
    at [snack internals]
    at https://snack.expo.io/web-player/35/static/js/app.3571fe13.chunk.js:1:11412

Screenshot from 2020-01-16 10-21-21

Steps to Reproduce

  1. On https://snack.expo.io/@maciej.stachowiak/github.com-creativetimofficial-argon-react-native
  2. Scan QR code for Android using EXPO android app
  3. See red error

Context

Using

https://demos.creative-tim.com/argon-react-native/docs/#/install

I tried install it on my system

  • Ubuntu 18.04.3
  • Node v12.14.1
  • Android

And it works correctly.


Can I please for debug it in context of expo snack tool?

[ARGON-REACT] - No access to Documentation

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version

Untitled design

Expected Behavior

Login the documentation page

Current Behavior

Every time i try to login the documentation it doesn't allow me it says "This challenge page was accidentally cached by an intermediary and is no longer available."

image

Steps to Reproduce

  1. Go to URL "https://demos.creative-tim.com/argon-dashboard-pro-react/?_ga=2.57460714.1306869113.1663118866-380771633.1654582323#/documentation/overview"

Context

  • Device: ASUS ROG STRIX G15
  • Operating System: Windows 11 Home Single Language
  • Browser and Version: Version 105.0.5195.127 (Official Build) (64-bit)

Account screen is cropped

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Steps to Reproduce

Open the app, navigate to Account from the left navigation bar.

Context

The UI is cropped at the bottom, it is not as intended.

  • Device: Samsung Galaxy S7 Edge
  • Operating System: Android
  • Browser and Version: N/A

photo_2020-02-13_12-59-28

Using with version expo 36

Expected Behavior

The expo client starts properly

Please describe the behavior you are expecting

Current Behavior

The client crashes

What is the current behavior?

Failure Information (for bugs)

expo start
Starting project at D:\Downloads\argon-react-native-master\argon-react-native-master
Expo DevTools is running at http://localhost:19002
Opening DevTools in the browser... (press shift-d to disable)
error Invalid regular expression: /(.\fixtures\.|node_modules[\]react[\]dist[\].|website\node_modules\.|heapCapture\bundle.js|.\tests\.)$/: Unterminated character class.

Metro Bundler process exited with code 1
Set EXPO_DEBUG=true in your env to view the stack trace.

Steps to Reproduce

Have version 36 of the expo cli installed.

Context

  • Device: PC
  • Operating System: W10
  • Browser and Version: Chrome

expo start
Starting project at D:\Downloads\argon-react-native-master\argon-react-native-master
Expo DevTools is running at http://localhost:19002
Opening DevTools in the browser... (press shift-d to disable)
error Invalid regular expression: /(.\fixtures\.|node_modules[\]react[\]dist[\].|website\node_modules\.|heapCapture\bundle.js|.\tests\.)$/: Unterminated character class.

Metro Bundler process exited with code 1
Set EXPO_DEBUG=true in your env to view the stack trace.

Using React-Native modal throws error

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • I am running the latest version
  • I checked the documentation and found no answer
  • I checked to make sure that this issue has not already been filed
  • I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

A modal should render upon button click.

Current Behavior

As soon as the component is requested from the navigration drawer it just crashes.

Failure Information (for bugs)

See attached image.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. Create component using attached budget.js code
    Budget.js.txt

  2. Setup this component within Argon UI kit code

  3. Launch the budget component from navigation drawer.

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device: Pixel XL emulator
  • Operating System: Windows
  • Browser and Version: Chrome v81

Failure Logs

See attached image.
Screenshot_1589742330

Ejecting Expo

I am evaluating the free version with the hopes of buying the paid version. I will need to be able to eject expo so I am trying to do that with the free version

Expected Behavior

After running expo eject the app works

Current Behavior

After running expo eject I get the following error:

The Expo SDK requires Expo to run. It appears the native Expo modules are unavailable and this code is not running on Expo. Visit https://docs.expo.io to learn more about developing an Expo project.

<unknown>
    validate.fx.js:9:10
loadModuleImplementation
    require.js:331:6
<unknown>
    Expo.fx.js:1
loadModuleImplementation
    require.js:331:6
<unknown>
    ExpoLazy.js:464:7
loadModuleImplementation
    require.js:331:6
<unknown>
    App.js:3
loadModuleImplementation
    require.js:331:6
<unknown>
    index.js:2
loadModuleImplementation
    require.js:331:6
guardedLoadModule
    require.js:197:45
global code
    <unknown file>:0

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. expo eject
  2. cd ios
  3. pod install
  4. cd ../
  5. react-native run-ios

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device: IOS 11 Simulator
  • Operating System: Mac Mojave

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.