xotahal / react-native-material-ui-demo-app

Demo app for react-native-material-ui lib

React Native Material Ui Demo App

This repository contains a React Native project, implementing the react-native-material-ui package.

Installation

Development

1. Clone this repo.
2. Run yarn install.
3. git submodule init
4. git submodule update
5. Ensure a device, or emulated Android image is connected (adb devices).
6. Run react-native run-android.

If running on a device, run adb reverse tcp:8081 tcp:8081.

react-native-material-ui-demo-app's Issues

Dev server connection times out on iOS 9+

Due to a change in the iOS source code, you new need to specifically allow the connection to the dev server.
<key>NSAllowsArbitraryLoads</key> <true/>

I'll set up a quick PR ;)

Android build failing with missing resource files

Error: No resource found that matches the given name (at 'label' with value '@string/app_name')

The whole res folder is missing under android/app/src/main

Fails to run in android

I follow the instructions but when run react-native run-android I got this:

Scanning folders for symlinks in /Users/********/Developer/react-native-material-ui-demo-app/node_modules (13ms)
Starting JS server...
Building and installing the app on the device (cd android && ./gradlew installDebug)...
Error: Could not find or load main class org.gradle.wrapper.GradleWrapperMain
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

The emulator is running btw

Failed to run on android with error : printFields? = []

hi,i got this errors while trying to compile, i'm using node v 6.9.2 :

/Users/shmn/Development/ReactNative/react-native-material-ui-demo-app/node_modules/react-native/packager/react-packager/src/Logger/index.js:85
printFields? = [])
           ^
SyntaxError: Unexpected token ?
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:542:28)
    at loader (/Users/shmn/Development/ReactNative/react-native-material-ui-demo-app/node_modules/babel-register/lib/node.js:144:5)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/shmn/Development/ReactNative/react-native-material-ui-demo-app/node_modules/babel-register/lib/node.js:154:7)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/shmn/Development/ReactNative/react-native-material-ui-demo-app/node_modules/react-native/packager/react-packager/index.js:14:16)

Fails to run on IOS

I cloned the repo, ran

1. yarn install.
2. git submodule init
3. git submodule update

then

4. react-native run-ios

and got this error:

The following commands produced analyzer issues:

Analyze RCTLocationObserver.m

(1 command with analyzer issues)

The following build commands failed:
CompileC /Users/hb29488/Documents/repos/react-native-material-ui-demo-app/ios/build/Build/Intermediates/RCTWebSocket.build/Debug-iphonesimulator/RCTWebSocket.build/Objects-normal/x86_64/RCTWebSocketObserver.o RCTWebSocketObserver.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

Installing build/Build/Products/Debug-iphonesimulator/example.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2):
Failed to install the requested application
An application bundle was not found at the provided path.
Provide a valid path to the desired application bundle.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/example.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Unable to connect with remote debugger

Unable to connect with remote debugger
Win 7, Android Emulator ADB Nexus 4.

iOS Build Fails: Print: Entry, ":CFBundleIdentifier", Does Not Exist

** BUILD FAILED **


The following build commands failed:
    CompileC /Users/jcursi/Sites/joncursi/react-native-material-ui-demo-app/ios/build/Build/Intermediates/RCTWebSocket.build/Debug-iphonesimulator/RCTWebSocket.build/Objects-normal/x86_64/RCTSRWebSocket.o RCTSRWebSocket.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)
Installing build/Build/Products/Debug-iphonesimulator/example.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2):
Failed to install the requested application
An application bundle was not found at the provided path.
Provide a valid path to the desired application bundle.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/example.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Fatal, not a git repository

Fatal, not a git repository

Fails to run with Java 12+

I got this error when attempting to run:

react-native run-android

Scanning folders for symlinks in /.../react-native-material-ui-demo-app/node_modules (10ms)
Starting JS server...
Building and installing the app on the device (cd android && ./gradlew installDebug)...

FAILURE: Build failed with an exception.

* What went wrong:
Could not determine java version from '12.0.2'.

The wrong demo UI

I installed the app in my android phone by react-native run-android. It was RNMaterialDemo. But I saw this UI instead of the Home page when launching it. Why is it and how should I correct it?

Fails on iOS

Followed instructions in readme:

  414  git clone https://github.com/xotahal/react-native-material-ui-demo-app.git
  415  cd react-native-material-ui-demo-app/
  416  yarn install 
  417  git submodule init
  418  git submodule update
  419  npm start

In another window:

react-native run-ios

Result:

Installing build/Build/Products/Debug-iphonesimulator/example.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2):
Failed to install the requested application
An application bundle was not found at the provided path.
Provide a valid path to the desired application bundle.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/example.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Requiring unknown module "color".

Looks like there was missing two modules: color and lodash.merge in package.json

Would be nice to see 'this.context.uiTheme.palette' in action.

Would be nice to see 'this.context.uiTheme.palette' in action.

where is the demo app?

LeftElement in Toolbar

Any possible way to use custom icon in action in leftelement

Error when starting the App

I see this error when starting:

Error: Could not find or load main class org.gradle.wrapper.GradleWrapperMain

I have used android 23 x86 Android 6.0 and Android accelerated x86 Nougat Android Platform 7.1.1 API Level 25

Issue with VectorIconsModule

Following the install instructions, I am getting this error which I haven't been able to resolve. Googled around to no avail. Any guidance?

Implementation of search

Ripple drawable is not available on android API < 21

When run on Android 4.3 version (ie. API 16- 18)
In Manifest.xml

But still throwing error ,

Error while updating property 'nativeBackgroundAndroid' of a view managed by : RCTView

null
Ripple drawable is not available on android API < 21

Unable to resolve module `../react-native-material-ui'

I am getting the following error when we try to run this demo project.

Unable to resolve module ../react-native-material-ui from D:\projects\sampleProjects\materialdemo\react-native-material-ui\src\App\App.react.js: could not resolve `D:\projects\sampleProjects\materialdemo\react-native-material-ui\src\react-native-material-ui' as a file nor as a folder

ActionButton component doesn't render icon or respond to taps

First, thanks for a wonderful project - this framework and demo app are super helpful! I'm able to successfully run the demo app and the components all seem to work except for the ActionButton. I've also tried incorporating it into my own project and the behavior is the same: the icon does not render and the button does not respond to taps -- both on the Home scene as well as in the ActionButton scenes. I wonder if this is only happening to me, and if there is something I'm missing.

Here's a cap of the demo app running in my iOS simulator after freshly cloning the repo and following the setup instructions in the README:

How can I update submodules?

How can I update submodules?

Toolbar menu "undefined is not a function (near ...UIManager.showPopupMenu)"

got 404 on donwload darwin

Tried to download(404): https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.1.3/fse-v1.1.3-node-v72-darwin-x64.tar.gz

encounted error at stating demo app

I encountered below error after react-native run-android.

Application example has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent.
runApplication
    AppRegistry.js:99
__callFunction
    MessageQueue.js:236
<unknown>
    MessageQueue.js:108
guard
    MessageQueue.js:46
callFunctionReturnFlushedQueue
    MessageQueue.js:107

Do you know this error cause?

If there is any necessary other information, I will present it so please tell me.

Wrong Import Path

The import path '../react-native-material-ui' is wrong, which causes multiple errors as side effect.
Since it is from node_modules, it has to be 'react-native-material-ui'.