Code Monkey home page Code Monkey logo

Comments (29)

anhldbk avatar anhldbk commented on June 21, 2024 1

@Ehesp Any chance to integrate with https://github.com/xinthink/react-native-material-kit?

from react-native-material-design.

bozzmob avatar bozzmob commented on June 21, 2024

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.

Ehesp avatar Ehesp commented on June 21, 2024

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.

dgilperez avatar dgilperez commented on June 21, 2024

What about a FAB?

from react-native-material-design.

Ehesp avatar Ehesp commented on June 21, 2024

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.

dgilperez avatar dgilperez commented on June 21, 2024

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.

pewh avatar pewh commented on June 21, 2024

What about a Bottom Sheet?

from react-native-material-design.

bozzmob avatar bozzmob commented on June 21, 2024

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.

bozzmob avatar bozzmob commented on June 21, 2024

With respect to Grid View, I will be implementing this first (from the spec)-

image

from react-native-material-design.

Ehesp avatar Ehesp commented on June 21, 2024

@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.

bozzmob avatar bozzmob commented on June 21, 2024

@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.

Ehesp avatar Ehesp commented on June 21, 2024

@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.

Salakar avatar Salakar commented on June 21, 2024

jan 06 2016 19 13

Badge animations done!

from react-native-material-design.

bozzmob avatar bozzmob commented on June 21, 2024

@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.

Ehesp avatar Ehesp commented on June 21, 2024

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.

bozzmob avatar bozzmob commented on June 21, 2024

@Ehesp How about we use react-native-action-button for FAB?

from react-native-material-design.

Ehesp avatar Ehesp commented on June 21, 2024

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.

zoontek avatar zoontek commented on June 21, 2024

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.

Ehesp avatar Ehesp commented on June 21, 2024

@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.

bozzmob avatar bozzmob commented on June 21, 2024

I am working on the Gridview component now. Have made some progress. Still a lot to do.

from react-native-material-design.

bozzmob avatar bozzmob commented on June 21, 2024

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.

image

image

from react-native-material-design.

Salakar avatar Salakar commented on June 21, 2024

@bozzmob any updates on the grid view?

from react-native-material-design.

bozzmob avatar bozzmob commented on June 21, 2024

@Salakar Yes. I am working on it. It should be available in a couple of days.

from react-native-material-design.

zoontek avatar zoontek commented on June 21, 2024

The dropdown is available in React-Native 0.19-rc: facebook/react-native@1843709 πŸ‘

from react-native-material-design.

Ehesp avatar Ehesp commented on June 21, 2024

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.

zoontek avatar zoontek commented on June 21, 2024

Is the project dead? :(

from react-native-material-design.

Ehesp avatar Ehesp commented on June 21, 2024

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.

zoontek avatar zoontek commented on June 21, 2024

Great!

from react-native-material-design.

kkgelu avatar kkgelu commented on June 21, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.