xinthink/react-native-material-kit

Material Design components for React Native

liangmicha

@liangmicha

when I log MKCardStyles it's undefined...

I'm using 0.3.0

Anyone know the issue?

Igor Limansky

@igorlimansky

hi, has anyone had problems with debugging android app with material kit? (can't connect my debugger, since i switched to mk)

ref to:
http://stackoverflow.com/questions/34362347/react-native-android-crashes-when-trying-to-debug-in-chrome

Igor Limansky

@igorlimansky

well, i rolled back in git history to moment when i didn't install material-kit yet, and debugger works right..

can you, guys, share any thoughts with me, please? i'm totally stuck with this

Igor Limansky

@igorlimansky

http://stackoverflow.com/questions/36829007/react-native-material-kit-breaks-debugger
started a thread on stackoverflow, any ideas welcome

Igor Limansky

@igorlimansky

well, sorry guys, I found that it is because of updating one of my packages, not material-kit, don't know exactly which yet, sorry for bothering anyway
and again: awesome plugin, thanks a lot!

Haztares Nguyen

@tanmynguyen

ndk-build binary cannot be found, check if you've set $ANDROID_NDK environment variable correctly or if ndk.dir is setup in local.properties

I have issue when run project rnmk-demo: https://github.com/xinthink/rnmk-demo
Who can help me, please!! I use Windows. Thanks all!!!

Daniel Landers

@DanlanNZ

@tanmynguyen install the android NDK and add it to your path http://developer.android.com/ndk/downloads/index.html

Haztares Nguyen

@tanmynguyen

@DanlanNZ thanks very much!!

Dakon EB

@DakonEb_twitter

Hi Guys

Are you guys planning on adding more components to the kit?

Yingxin Wu

@xinthink

@DakonEb_twitter

Maybe,

Maybe with the help of the community

Yingxin Wu

@xinthink

Sorry for the typing, Gitter is not very easy to use on a phone. I love to add more components, but the most important thing for me is to fix bugs of the existing components, and make them easier to use. I'll definitely include new components to the kit when it's possible, and also, PRs are welcome!

Haztares Nguyen

@tanmynguyen

Hi @xinthink ! How to create toolbar ??

mmelitzer

@mmelitzer

anyone ever ran into issues with props/functions being undefined, in particular MKTouchable#props#onTouch and Ripple#_onLayoutChange?

mmelitzer

@mmelitzer

I'm using rn:0.24.1 with react:0.14.5 and relay:0.8.1

mmelitzer

@mmelitzer

I'm afraid it has something to do with babel-relay-plugin, just started a new project to try but even with copying everything over I can't reproduce, first it works but after a while without any particular changes i suddenly doesn't anymore

Bhautik Mavani

@mvnnn

I am new React-native developer. Where i find sample code like Material-UI for front-end for React web. I find that React-native have material-UI website but in that website only explanation how to make component but i didn't find component code. Please give me website links for React-native-UI design?

Jørgensen

@Froelund

Did you look at this repo?

It has exactly what you're requesting.

Jasper

@cablegunmaster

Freshly installed react-native-material-kit
Bug: II get red borders (squares) around my MKButton, component.

is this a feature? if so , where to change it :#?

Andrey Luiz

@andreyluiz

Guys, is there any plans for 0.26 support?

Bhautik Mavani

@mvnnn

I build React-Native android app but when i use icon that's not display properly then what should i do ?

Mikeon

@mikeon

Guys this demo app is not workin. Why ndk is necessary? New projects created from 'react-native init' doesn't force that.

xromad

@xromad

@cablegunmaster I'm getting the same red box. did you discover a solution?

Jasper

@cablegunmaster

@xromad I am gonna recheck it never made time to recheck it.

@xromad I heard others had it and rebuild it and relinked it with rpnm and the box went gone (gonna check now myself).

xromad

@xromad

Thanks @cablegunmaster! I was able to work past it by adding "react-native-material-kit": "github:xinthink/react-native-material-kit" to my package.json. Seems like pulling it from github is at the moment more useable than the npm versioned package... I don't remember which version, but I was pulling latest... I'll re-check shortly.

Ben

@eranbes

anyone around?

Jasper

@cablegunmaster

yep =) am now

Jasper

@cablegunmaster

@eranbes just ask questions. and see if people respond, this is the best way on any IRC Gitter IM or whatever channel. If people are willing to reply they will and otherwise they just don't.

Dan Jensen

@urbanvikingr

Hi all, great work on react-native-material-kit. It makes apps look really great. I was wondering, if others are seeing warnings like this one:

2016-06-20 08:58:33.234 [warn][tid:main][RCTTextField.m:87] Error setting property 'text' of RCTTextField with tag #865: Native TextInput(fgghhjjggftttt) is 4 events ahead of JS - try to make your JS faster.

ananddayalan

@ananddayalan

How do I extend style inline for button?

ananddayalan

@ananddayalan

Hi all, I want to add inline style by merging with default style. How do I do that?

Jasper

@cablegunmaster

style inline extend?

you mean 2 styles upon each other? well styles={ [ stylenrUno, StyleNrduo ] } just add them as a array style.

is this what you meant? :)

Anand Dayalan

@AnandDayalan1_twitter

@cablegunmaster no, I mean to just override only some style of the default style in inline. For example, the ColorButton has some default style, I just want to change the bgcolor. Right now, if I do like the following code, the default style is gone, the button become perfect rectangle without curved edges and other default styles. I want to keep all the default style and just override only specific thing. In the code you showed above, you're passing the two style objects, what I'm asking something similar but one of them should represent the default style. const AccentColoredRaisedButton = MKButton.accentColoredButton()
.build(); <AccentColoredRaisedButton style={{backgroundColor="blue"}}>
<Text pointerEvents="none" BUTTON</Text>
</AccentColoredRaisedButton>

@cablegunmaster I also tried this but doesn't retain the default style. <AccentColoredRaisedButton style={this.style, {backgroundColor="blue"}}>

Also, tried this style={this.props.style, {backgroundColor="blue"}}

Vladislav P

@vladp

Hello, having difficulties migrating from RN 25 to 29 (I am android only sofar). If I look at RNMK demo android/app/build.gradle , It seems to indicate that one has to build the full react-native from source to use the demo app. Because it has dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile project(':ReactAndroid')
compile project(':RNMaterialKit')
}

is that the case, to use RnMK, I need to compile the whole react-native with CPP compiler ?

Gab-Nihill

@Gab-Nihill

Hi guys !

I'm just trying to use the RNMK, but i got a little problem. I got this in the render function of one of my components (the home page) :
<ColoredRaisedButton onPress={() => this._navigate()}>
<Text pointerEvents="none" style={{color: 'white', fontWeight: 'bold',}}>
TO GAMES CARDS
</Text>
</ColoredRaisedButton>
<ColoredRaisedButton onPress={() => this._navigatetogame()}>
<Text style={{color: 'white', fontWeight: 'bold',}}>Game API</Text>
</ColoredRaisedButton>

This two buttons are quite cool, but on iOS only. When i'm trying to launch my android app, this same component don't work well since those two button are just unclickable (and btw bordered with a strange red line). I tried it on multiple devices, virtual or real ones, same problem.
I don't think i've saw anything in the README about that (but it's 4am so maybe it's just me).

Thanks in advance :)

Gab-Nihill

@Gab-Nihill

Oh and just in case it can help, ColoredRaisedButton come from this :

const ColoredRaisedButton = MKButton.coloredButton()
.build();

Still don't know how to make it work on android :/

Where communities thrive

People

Repo info

Activity