search

JdPope / CodeCrown

React Native Mobile app that gamifies the learning of core programming concepts.
7 stars 1 forks source link

Creates GameScreen #8

Closed Nepsaco closed 4 years ago

Nepsaco commented 4 years ago

Moves HomeScreen into Screens folder. Adds GameScreen to screens folder. Set nav bar header to not display. Creates template for game card and styling. Locks GameScreen to landscape mode on component mount.

Nepsaco commented 4 years ago

Question about the styling and how we are implementing it. Now that we looked at some of the styling I'm not sure about the viability of SASS (can React Native use it?) or is we even need it? Also for styling structure do we want to have a styles folder that contains all of the styles or do we want to keep it with each component separately?

Nepsaco commented 4 years ago

Also the file structure of the github is very odd. There are 2 nested headsupcode folders, a random package-lock.json, and 1 nested frontend folder. Should we reorganize that?

JdPope commented 4 years ago

Thanks Tobie! I'll look over your code tonight and merge it.

I agree - the file structure is odd. It was something that appeared when installing expo-tools and I just haven't gotten around to fixing it - I'll working on that tonight.

In answer to styling, it is possible to style a React Native app using Sass. I'd like to use it almost exclusively for importing colors from our color palette. I have a Styles folder and colors template framed out in a pull request called "Add Sass Modules". I need to fill it in with our color palette - also on my list for tonight. If you want to know more about using sass to style react-native apps, check out this article: https://github.com/kristerkari/react-native-sass-transformer