GeekyAnts / GeekyAnts/react-native-easy-grid
Cannot center <Col> horizontally.
- 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