Comments (29)
@Ehesp Any chance to integrate with https://github.com/xinthink/react-native-material-kit?
from react-native-material-design.
Anything more planned for 0.4.0, that I can take up? I guess you are handling the List Refactor.
from react-native-material-design.
The GridComponent? Also I need to debug a Ripple bug where the state persists. Any other ideas I'm open to!
from react-native-material-design.
What about a FAB?
from react-native-material-design.
Ah yeah. How should the position of it be done? Simply render the FAB and
let the user decide where to place it?
On 5 Jan 2016 9:00 p.m., "David Gil" [email protected] wrote:
What about a FAB?
β
Reply to this email directly or view it on GitHub
#12 (comment)
.
from react-native-material-design.
Hmm not really sure. Specs about fabs say how they should be positioned
with relation to other objects, and they seem to be always bottom-right ...
Maybe we can style them lime that by default and let the user override?
El mar, 5 de enero de 2016 22:02, Elliot Hesp [email protected]
escribiΓ³:
Ah yeah. How should the position of it be done? Simply render the FAB and
let the user decide where to place it?
On 5 Jan 2016 9:00 p.m., "David Gil" [email protected] wrote:What about a FAB?
β
Reply to this email directly or view it on GitHub
<
#12 (comment).
β
Reply to this email directly or view it on GitHub
#12 (comment)
.
from react-native-material-design.
What about a Bottom Sheet?
from react-native-material-design.
Yes. The FAB has to be at the bottom-right according to the spec.
Though FAB comes in handy, but, personally I somewhat like this article - Why the Floating Action Button is bad UX design
@Ehesp I can have a look at FAB, Gridview.
from react-native-material-design.
With respect to Grid View, I will be implementing this first (from the spec)-
from react-native-material-design.
@pewh problem with a bottom sheet is that currently there's no way to force a component to the top of everything else (I believe).
from react-native-material-design.
@pewh @Ehesp There is a way to do that. But, not sure its available on Android yet. We can tweak concepts and code from the Modal and implement it I believe. I have seen such an implementation somewhere. Not sure how good or feasible it is.
from react-native-material-design.
@bozzmob Okay cool - Shall look into it.
What does everyone think of 'Swipe Views with Tabs'? I've got it working on another project using the project mentioned in the list, but had to create a custom tab bar to make it feel native...?
from react-native-material-design.
Badge animations done!
from react-native-material-design.
@Ehesp Yeah! There is a ViewPager component which exists officially. We can make use of react-native-scrollable-tab-view as you have suggested. But, some css changes are needed so that the look and feel is similar to the existing components.
from react-native-material-design.
Nice work @Salakar, really cool.
@bozzmob I'll do that then as I've already got it on another project. react-native-scrollable-tab-view
doesn't allow a single tab too, but I've got a way around that.
from react-native-material-design.
@Ehesp How about we use react-native-action-button for FAB?
from react-native-material-design.
That looks good! Will look if there's any benefit of pulling it in and making a wrapper around it. If not, it might just be best to suggest this for a FAB.
from react-native-material-design.
A dropdown menu component could be awesome!
But maybe it's a lot of work if it's a complete implementation (buttons, + textfields)
from react-native-material-design.
@zoontek I agree, however part of the problem we have (Bottom Sheets has this issue too), is that React Native does not yet support an "on the top of everything" API. So the dropdown menu might get stuck behind a component which is nested deeper down the chain.
from react-native-material-design.
I am working on the Gridview component now. Have made some progress. Still a lot to do.
from react-native-material-design.
Screenshots of Gridview-
Currently, its working for a fixed height, width.
I am working on making it a generic component. Currently most values like margin, padding are being hard-coded. So, thought of making it responsive.
from react-native-material-design.
@bozzmob any updates on the grid view?
from react-native-material-design.
@Salakar Yes. I am working on it. It should be available in a couple of days.
from react-native-material-design.
The dropdown is available in React-Native 0.19-rc: facebook/react-native@1843709 π
from react-native-material-design.
Awesome :D
I just wish there was some "z-index" type style so we could push whatever we wanted to the top of the stack.
from react-native-material-design.
Is the project dead? :(
from react-native-material-design.
Nope, was using it in a internal work project however that's not currently being developed so focus has shifted. Plan on picking it up in the next few weeks hopefully.
from react-native-material-design.
Great!
from react-native-material-design.
I would like to have a proper dialog (in future releases), example:
https://github.com/aakashns/react-native-dialogs
from react-native-material-design.
Related Issues (20)
- Button Background Color Change!
- Button text not aligned HOT 2
- How to call an Android alarm in the react native HOT 1
- How to set Media width?
- app:compileDebugJavaWithJavac FAILED HOT 3
- App Drawer Icons have no Padding
- Update
- Update PropTypes library
- 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. HOT 1
- Cannot read property 'oneOf' of undefined in 0.3.7 in React Native HOT 7
- update for PropTypes HOT 15
- Cannot read property 'replace' of undefined HOT 1
- Error in demo app. HOT 2
- error npm HOT 1
- App crashes when offline bundle is created
- react-native-material-design gives error in createIconSet HOT 1
- i am getting this error
- Fetching JS Bundle
- update for PropTypes
- Overriding a style
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-material-design.