search

codypearce / material-bread

Cross Platform React Native Material Design Components
https://material-bread.org/
MIT License
324 stars 119 forks source link

AppbarBottom: Animate changing cutout location #8

Open codypearce opened 5 years ago

codypearce commented 5 years ago

Describe your feature request The material docs indicates that the appbar can change where the cutout is and the location of the actions depending on the context of the page. When this switch occurs there should be an animation to switch these layouts.

Context https://material.io/design/components/app-bars-bottom.html#behavior

image

Proposed solution Looks like most of animating is the growing and shrinking of the Fab button and the cutout. Ideally there might be a prop animateFab to toggle this behavior, then whenever the user replaces the fab or the appbar first appears it will animate that fab cutout.

ManuelMGM commented 4 years ago

Hi all, i'm facing a crash trying to use text TextField on React Native Project. I'm using Iphone 11 (13.6) simulator and, TextField renders fine when screen loads But, when I click on the TextField to start writing, I get error crash "Component Exception. Style property 'fontSize' is not supported by native animated module'

i'm using: "material-bread": "^0.2.10", "react": "16.13.1", "react-native": "^0.63.2",

on a MacBook Air (Retina, 13-inch, 2020) MacOS Catalina 10.15.6

Screen Shot 2020-08-27 at 17 38 55 Screen Shot 2020-08-27 at 17 45 14
509dave16 commented 4 years ago

@ManuelMGM I faced this same bug as well. It is resolved in the latest commits since the last release, but has yet to be published to npm in a new release. You'll want to install the package based on the latest commits on the master branch by running the following command: npm i -S codypearce/material-bread#master