# Flex image in scrollable screen

**URL:** https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766
**Category:** Questions about Thunkable X
**Created:** [December 11, 2019, 11:43am UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766 "2019-12-11T11:43:42Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![intorciapclgd](https://avatars.discourse-cdn.com/v4/letter/i/a698b9/32.png) [@intorciapclgd](https://community.thunkable.com/u/intorciapclgd)
#### Post date: [December 11, 2019, 11:43am UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/1 "2019-12-11T11:43:42Z")

</div>

Hi, I like to have an image that fit 100% width and 20-30% of the screen, but I’ve several image to show (with clone block), and I need a scrollable screen. It is possible? I resolve only with fix height… Thanks

---

<div class="post-metadata">

### Author: ![Hayder](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/hayder/32/153829_2.png) [@Hayder](https://community.thunkable.com/u/Hayder)
#### Post date: [December 11, 2019, 11:49am UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/2 "2019-12-11T11:49:30Z")

</div>

It is possible to set the width of 100% and I think the height of 20 - 30 % = about 200 - 250 pixel.  
The height of images in scrollable column must be in pixel.

---

<div class="post-metadata">

### Author: ![intorciapclgd](https://avatars.discourse-cdn.com/v4/letter/i/a698b9/32.png) [@intorciapclgd](https://community.thunkable.com/u/intorciapclgd)
#### Post date: [December 11, 2019, 11:54am UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/3 "2019-12-11T11:54:04Z")

</div>

On my Iphone SE is 250 px, but on a IPHONE X 250 px is a stripe 🙂 this is my problem…

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [December 11, 2019, 12:01pm UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/4 "2019-12-11T12:01:06Z")

</div>

Did you try putting all the images into a column? This might make it easier for you to add “scrollabiltiy” to your app?

Can you share some screenshots of what you’re trying to build?

---

<div class="post-metadata">

### Author: ![intorciapclgd](https://avatars.discourse-cdn.com/v4/letter/i/a698b9/32.png) [@intorciapclgd](https://community.thunkable.com/u/intorciapclgd)
#### Post date: [December 11, 2019, 12:49pm UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/5 "2019-12-11T12:49:51Z")

</div>

![Schermata 2019-12-11 alle 13.30.54](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0a3739f03cff1d23ad9344c878b8d3ad325ccac7.jpeg) ![Schermata 2019-12-11 alle 13.35.55](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/c/3ceab84764215fd4dbeebf3e3a8c44da8fd73b99.jpeg)  
The first img is on an Android emulator with an hight resolution, the second on my Iphone SE. I like to obtain the second solution on both… and remove the “Congrats! You Project is live” new label (  
the screen is already very small, but this is another problem 🙂 Thanks

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [December 12, 2019, 10:42am UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/6 "2019-12-12T10:42:03Z")

</div>

> [@intorciapclgd](#):
>
> an Android emulator

Which emulator? did you try installing on a physical device yet?

* * *

> [@intorciapclgd](#):
>
> and remove the “Congrats! You Project is live” new label

This will only appear on the Thunkable Live app. Again, installing the app on your device will remove this.

---

<div class="post-metadata">

### Author: ![intorciapclgd](https://avatars.discourse-cdn.com/v4/letter/i/a698b9/32.png) [@intorciapclgd](https://community.thunkable.com/u/intorciapclgd)
#### Post date: [December 12, 2019, 2:40pm UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/7 "2019-12-12T14:40:53Z")

</div>

I use Bluestack. Now I solve the problem with some parameter in Advanced section… but I dont know why 🙂 there are some documentation for this parameter? I’ve not find it on the site! Flex parameter are very difficult… thanks For the label, what it need? The tutorial are on the first screen, we know it!

---

<div class="post-metadata">

### Author: ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)
#### Post date: [December 12, 2019, 7:21pm UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/8 "2019-12-12T19:21:30Z")

</div>

Try see [https://facebook.github.io/react-native/docs/flexbox](https://facebook.github.io/react-native/docs/flexbox)

---

<div class="post-metadata">

### Author: ![coxcreativecompany](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/coxcreativecompany/32/15760_2.png) [@coxcreativecompany](https://community.thunkable.com/u/coxcreativecompany)
#### Post date: [December 16, 2019, 7:49pm UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/10 "2019-12-16T19:49:10Z")

</div>

Live testing an app that uses precise % fill and takes up all of the real estate of a screen is basically not possible unless we can get rid of that “Congrats!” message. Making frequent layout changes and saving to the phone is not very good workflow.

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 11:46am UTC](https://community.thunkable.com/t/flex-image-in-scrollable-screen/361766/11 "2024-11-08T11:46:21Z")

</div>


