Editing my app?

MIT App Inventor Help
1

Hi MIT so I'm editing my app just the screen1

So I'm going from this

Screenshot_20260608-091207
Screenshot_20260608-0912071080×2400 513 KB

Screenshot_20260608-110107
Screenshot_20260608-1101071080×1809 158 KB

To this without the MeDo so how could I do this??

I'm keeping my mobile nav as is from last time we spoke keeping my bottom socials the play/pause button but I'd like to know how I can get the now playing like in the screenshot

2

Is this in a webview, or purely AppInventor components ?

3

Components were you see screen1

4

What's the problem ? All the tools, extensions and components to create this are available.

Have a go. Return when you have something to actually ask us about (screenshots / blocks) etc.

5

So here's a few screenshots from last app

Screenshot_20260607-232445
Screenshot_20260607-2324451080×2400 291 KB

Screenshot_20260607-205519
Screenshot_20260607-2055191080×2400 289 KB

Screenshot_20260607-232350
Screenshot_20260607-2323501080×2400 302 KB

Screenshot_20260607-232422
Screenshot_20260607-2324221080×2400 283 KB

Screenshot_20260607-232435
Screenshot_20260607-2324351080×2400 274 KB

And this is what I'm trying to do

Screenshot_20260608-110107
Screenshot_20260608-1101071080×1809 158 KB

Blocks below

blocks
blocks1058×4423 818 KB

6

Well none of that shows your effort to create the layout you want.

Suggest you work on the layout in a separate project first.

7

Noo I haven't started yet! I'm asking how can I achieve this with the project I'm already working on?

8
  1. Create the layout
  2. Create all the logic required in blocks
  3. Integrate the new layout and logic with the rest of your app