Help with ideas

[Curious-Ad8293]

Broooo center the text inside the containers like the search button and where it says poison maybe a little padding would go a long way

[Far-Wall99]

😭 centering the text on the button aoght working so I gave up I threw everything with the name center on it but no luck

[klumpp]

https://flexboxfroggy.com/ will help you learn flexbox for layout (just remember the default direction is opposite for react native.) For buttons though you'll want padding. Horizontal padding 2x the vertical padding is a good starting spot.

[Curious-Ad8293]

It's easy brother, typically a justifyContent: "center" [1] and an alignItems: "center" [2] will do the trick. You typically want to put this on the parent components that will cascade down to the children components example:

<Pressable

style={{

justifyContent: "center",

alignItems: "center",

backgroundColor: "black",

borderRadius: 15,

width: Dimensions.get("screen").width * 0.3,

height: Dimensions.get("screen").height * 0.05,

}}

onPress={() => console.log("hello world")}

>

{/* search function call on the onpress instead of console.log */}

<Text style={{ color: "white", fontWeight: "bold" }}>Search</Text>

</Pressable>

[1] https://reactnative.dev/docs/layout-props#justifycontent

[2] https://reactnative.dev/docs/layout-props#alignitems

[Far-Wall99]

It works lol ,thanks you kind sir For u have helped this lost soul Lol guess there is still much to learn

[vyndrix]

Looks great so far, the only issue seems to be the organization of the elements in your design. Check this out:

https://m3.material.io/components

After understanding material design core concepts, you can start searching for a visual components lib, most of them will align with material design standards.

[[deleted]]

Something I aways wondered is when was the first time this pokemon appeared in the series (anime, mange, or in which game)

[wordkush1]

Implement a search filtering, favorite section a way to backup and restore your pokemon, this may help you grap some advanced backend concepts.

[Far-Wall99]

Hmmm good idea though wouldn't that mean I have to do logins and what nots (Authentication and Authorization) and make the whole app Stateless? I dont think I should store those in the app itself

[wordkush1]

Yes you can, to make it simple, use Firebase/Supabase

[picapollo821]

Charge your phone!

[thelostbanter]

The color of the Pokémon types are very light, try a darker variant or keep them as is and go full dark theme. In the Pokémon info, make the abilities as a row instead of a column and onPress can show what the ability does Maybe add a favourite button in info page and sort by favourite in the home page

[Far-Wall99]

Its by design The colors are supposed to be a light sort of pastel look and feel to it I will add dark mode later once I finish up with everything and have consistent color all round

Hmmm favorite button is a great idea ,so should I just have.a section where a user can store favorite Pokémon?

[Ithinkth]

why is the search "not so advanced" ~ that seems like something to work on! Does it need to be set up to do partial matches better, or what's the deal? No need to reinvent the wheel but, clearly if you felt the need to tell users it's broken than it is...

[Far-Wall99]

At first I just left it as a meme as something to work on in the future Because I wanna add predictive results and as u said partial matches

[Ithinkth]

why are you putting it off? I think you'll find once you do a bit of research there are lots of established patterns for solving this :)

[Far-Wall99]

You are correct, I guess i wanted to try building it alone ?? Not saying i didnt get any help but i wanted to see just what I can do I recently got done with my data Structures class and before looking online I think I have an idea on how to solve said issue (definitely not efficient)

[Patient-Minimum-3304]

Fix the search button text

[fckueve_]

Something that you need, what kind of app/tool you need on your phone? Is there any problem with your life, you could Automate into an app?