Comments (5)
Hi,
So the first screenshot is how Column behaves with 1.1.5/6 without adding flex:1
and the second one is the correct behaviour.
Before it was working without the need to add flex in style ( not sure it was 1.1.4 or 0.9.6 though 😅
I will try to create a simpler example
from stacks.
@mobily ok, added the example : https://github.com/rborn/stacks_box_style_issues/blob/master/src/App.js#L32
set in package.json 0.9.4 - ✅
set in package.json 1.1.6 - 💥
change to <Column width={"content"} style={{ flex: 1 }}>
and works again (with 1.1.6)
Thanks a lot 😻
from stacks.
@mobily thanks a lot, seems to work ( at least in the example) will report back in case I found anything 🥰
from stacks.
@rborn I'm looking at those screenshots, and I'm not sure what's the issue here? 😅 there weren't any changes in Columns/Stack
in the last two versions v1.1.5/6
, are you sure the problem isn't on your end? could you provide a basic example with this issue? :)
from stacks.
since both implementations (v0.9.x
and v1.x
) are completely different, the column won't adjust its height against other columns automatically in v1.x
:)
I have added the height
prop (the responsive format) to the Column
component, so you can use it instead of flex: 1
.
there's an example in the docs as well: https://mobily.github.io/stacks/docs/components/column/#examples
and in your example, you may want to add height="fluid"
to see how it's working:
https://github.com/rborn/stacks_box_style_issues/blob/b35aae31c6a803c38892fdf89b99ea6ba53c1238/src/App.js#L32
🚢 shipped in v1.1.7
!
from stacks.
Related Issues (20)
- Expo Snack cannot import 1.1.5 or 1.1.6 HOT 5
- A lot of undefined styles in styles array HOT 1
- What's the bundle size? HOT 2
- [Box] forward ref of view HOT 3
- Grid not working as expected HOT 2
- useCurrentBreakpoint() HOT 2
- Feature proposal: Allow divider to be a component too HOT 1
- Allow for more than 2 custom breakpoints? HOT 1
- horizontal padding/margin seems to be ignored in react-native-web HOT 1
- Update from 1.3.1 fails to render HOT 4
- Issues with testing-library, jest, and react native web HOT 5
- maxHeight issue in Rows HOT 7
- Rendering issue when switching screen using react-navigation in combination w/ react-native-web HOT 7
- useCurrentBreakpoint not updating at root of application HOT 1
- Cannot run latest version in expo web HOT 5
- FillView props are not exported HOT 1
- `resolveResponsiveProp` can be undefined? HOT 1
- Stack issue when using Flashlist component HOT 1
- Docs returns 404 HOT 2
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 stacks.