GeekyAnts / GeekyAnts/react-native-easy-grid

Cannot center <Col> horizontally.

Open
#83 3 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.2k
Forks
165
PR merge metrics
No merged PRs in 30d

Description

Hi,

I'm trying to center content inside Col horizontally and it doesn't work.
I've read [this alignment issue](https://github.com/GeekyAnts/react-native-easy-grid/issues/33) and [this stackoverflow post](https://stackoverflow.com/questions/41193653/react-native-nativebase-how-to-center-a-control/41198827#41198827) and none of them works for me 😭😭

I want to horizontally center those two ``s inside the first ``.

Here is my code.

```jsx






Sign up options






With Google







With SMS





```
Please note that `alignItems` works as expected (centering Col vertically) but none works horizontally for me.

Please help,

Thanks.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the JSX layout from the issue and compare how justifyContent and alignItems behave on Grid, Col, and Row. Trace the alignment handling for these components, using the linked alignment issue for context, and verify the result with the nested rows; done means the requested content is centered horizontally.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.