Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

xinthink/react-native-material-kit

Material Design components for React Native

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

Anand Dayalan

@AnandDayalan1_twitter

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

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:

very ugly IMO
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

what am I doing wrong here?

Cristian Torres

@ctorresthrash

Hi, guys, does anyone knows how to make a MKTextField with textFloatingLabel using JSX syntax?

Samyak Bhuta

@samyakbhuta

Hey guys, are there any sample application built with RNMK? Looking for .apk I can install and test on my Android.

tbp

@aiDove

Good work!

maheshatti

@maheshatti

hai

Rémi Tran

@trinketmage

Hi, i have a tiny small issue, on MKTextField (single line) i have a long string (an address) value bind with state, so when the view is mounted, the text on iOS is display from the start, but on Android it is display from the end. Does anyone know a way to configure this please ?

Phu Tang

@thphu

Hi guys, I have PR xinthink/react-native-material-kit#363 anyone can help me review it?

houyidg

@zhuxiaogit

112222

@zhuxiaogit

Slava

@ButuzGOL

Do you know how to do icon component ?

Грибок Арсентий

@D1verGW

Hello all. May anyone help me install react-native-material-kit? I have trouble with standart way. I'm installed it with /npm install -S react-native-material-kit

react-native link react-native-material-kit/
And then imported / import { MKTextField } from 'react-native-material-kit'; /
I got error: Cannot convert undefined or null to object (Function.defineProps -> Function.getOwnPropertyNames)
I don't build any textfield, i just import module.

Peter Evsikov

@pevsikov

How to do infinity loop Progress?
I don't know version, but earlier it works like spinner. Just infinity loading
Now it doesn't works.

Is it possible now?

Peter Evsikov

@pevsikov

Answer: import * as IndeterminateProgress from 'react-native-material-kit/src/mdl/IndeterminateProgress';

dustin-auby

@dustin-auby

hi all i have just installed this library but am getting an error '''Invariant Violation: Element type is invalid:'''

any suggestions would help

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Alireza TK

@art1373

hi guys is it possible to make outlined textinputs with this library? I want a sort of a textbox like the outlined floating label textbox of material ui

https://material-ui.com/components/text-fields/ like so