Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 30 2019 15:03

    xinthink on master

    refactor type definition update document (compare)

  • Jan 30 2019 14:04
    abuammar commented #404
  • Jan 29 2019 02:50

    xinthink on v0.5.1

    (compare)

  • Jan 26 2019 09:26

    xinthink on master

    upgrade to android studio 3.3 (compare)

  • Jan 26 2019 07:36

    xinthink on master

    rewrite RadioButton in TS (compare)

  • Jan 26 2019 05:41

    xinthink on master

    upgrade eslint setting up typescript refactor Button, replaced build… and 7 more (compare)

  • Jan 26 2019 05:10

    xinthink on typescript

    rewrite Switch component in TS remove useless code (compare)

  • Jan 18 2019 15:28
    azamkth edited #404
  • Jan 18 2019 15:27
    azamkth edited #404
  • Jan 18 2019 15:27
    azamkth edited #404
  • Jan 18 2019 15:26
    azamkth edited #404
  • Jan 18 2019 15:18
    azamkth edited #404
  • Jan 18 2019 15:15
    azamkth edited #404
  • Jan 18 2019 15:15
    azamkth opened #404
  • Jan 01 2019 04:38

    xinthink on typescript

    refactor Button, replaced build… (compare)

  • Dec 30 2018 02:04

    xinthink on typescript

    upgrade gradle and android stud… upgrade react-native upgrade eslint and 1 more (compare)

  • Dec 12 2018 01:31
    dotcom900825 commented #403
  • Dec 12 2018 01:30
    dotcom900825 closed #403
  • Dec 12 2018 01:30
    dotcom900825 commented #403
  • Dec 12 2018 00:39
    dotcom900825 edited #403
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"}}>

<Text pointerEvents="none" BUTTON</Text>
</AccentColoredRaisedButton>

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 :/

Ioannis Kokkinidis
@SudoPlz
@here Hey guys, please if any of you has any clue on how to get the correct font size in react-native Android please answer my question here: http://stackoverflow.com/questions/38325043/react-native-how-to-scale-font-size-to-support-many-different-resolutions-and-s
Ori Arditi
@oriarditi
hi all. Any chance someone set up a mocha test around components using this library. It seems that as it's published to npm as ES6 (unbabeled) so mocha can't work with that.
Antoine Rousseau
@antoinerousseau
hi guys, I was thinking, is the builder syntax really relevant? I don't see why it doesn't just stick to JSX
wouldn't it make the lib lighter?
anyway good work!
Olivier Roche
@Winangel

Hi all, I'm facing an issue while testing my components with dependencies to this module. I have a component that uses MKButton, but when I run test on this component, the dependency seems to not be transpiled and i get this error :

.../node_modules/react-native-material-kit/lib/index.js:4
export {
^^^^^^

SyntaxError: Unexpected reserved word

I then override the ignore of babel-register to transpile dependencies in the node_modules folder with ignore: false
but then I get :
Error: Cannot find module './Spinner'
I've seen the issue #212, so there is a Spinner.ios.js and Spinner.android.js file but no Spinner.js
I understand that react-native can load the right dependency but what about testing ? What should I do to get my test working ?
Olivier Roche
@Winangel
what i'm doing to avoid this is to require the MKButton trough
import * as MKButton from '../../node_modules/react-native-material-kit/lib/mdl/Button';
So that I don't have to import the spinner as well but this is:
  1. very ugly IMO
  2. won't solve the issue if I need to require the Spinner some day :(
Durgaprasad
@Durgaprasad-Budhwani
@xinthink Hi , when we will get new release including this fix xinthink/react-native-material-kit#258
Rafael Seemann
@rseemann
Hey guys. I'm still new to the library and am not being able to understand why I'm changing the default theme with setThemebut I don't see this at the buttons I'm creating.
For example, I'm changing the rippleColor, but I don't see this in the MKButton.button().build() I'm using