Skip to content

Conversation

@DominicSherman
Copy link
Contributor

@DominicSherman DominicSherman commented Feb 26, 2021

Description

  • Converts to use @shopify/restyle for component theming
  • Adds built in dark mode support

To Do

  • Remove all usages of emotion/styled-components/styled-system
  • Add updated gifs
  • Clean up styles to look nicer (add Echobind logo to landing page, etc...)

Screenshots

Screen Shot 2021-02-26 at 11 02 55 AM

Screen Shot 2021-02-26 at 11 03 01 AM

Screen Shot 2021-02-26 at 11 03 09 AM

Screen Shot 2021-02-26 at 11 13 11 AM

Screen Shot 2021-02-26 at 11 03 21 AM

Screen Shot 2021-02-26 at 11 03 27 AM

Screen Shot 2021-02-26 at 11 03 40 AM

Screen Shot 2021-02-26 at 11 13 03 AM

module.exports = {
root: true,
extends: ['plugin:echobind/react-native'],
rules: {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These were both causing issues for me, not sure if we should add them to the plugin or leave them here

@@ -0,0 +1,23 @@
name: PR Verify
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like to have a check like this in all my fresh projects but I can remove this if we don't want it in the template

return (
<Stack.Navigator headerMode="none" initialRouteName="Intro">
<Stack.Screen name="Intro" component={IntroScreen} />
<Stack.Screen name="Onboard" component={OnboardingNav} />
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This wasn't being used anywhere but not sure if there was another reason it was in here

* First screen a logged out user sees, welcoming them to the app.
*/
export const IntroScreen: FC<NavigationScreenProps> = ({ navigation }) => {
export const IntroScreen: FC<{ navigation: any }> = ({ navigation }) => {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

import { NavigationScreenProps } from 'react-navigation'; was lighting up because react-navigation isn't a package anymore. I haven't figured out yet what this type should be, but I also plan to come back and refactor this to use a hook instead of the screen props

@@ -0,0 +1,24 @@
name: PR Verify
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This will add safety to the template repository to ensure we aren't introducing changes that will cause this to fail in an out of the box app. I can remove this as well or move it to circle CI

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants