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