February 21, 2020
Right aligning a component can be hard in React Native, especially when you don't want to just use text-align: right
.
Luckily, you can use flexbox to right-align an element by setting two properties on a wrapping View
.
export default () => {
return (
<View
style={{
flexDirection: "row",
justifyContent: "flex-end"
}}
>
<Button
title="Click me"
onPress={() => console.log("clicked")}
/>
</View>
)
}
Tufts Meal Plan Wrapped
Mar 2, 2024
Building an e-ink picture frame that displays an iCloud photo album
Jan 9, 2024
2023 in review
Jan 5, 2024
Subscribe to my newsletter for a monthly round-up of new blog posts and projects Iām working on!