question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New project with react-navigation, error

See original GitHub issue

bug

image

code App.tsx

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { SafeAreaProvider } from 'react-native-safe-area-context';

import useCachedResources from './hooks/useCachedResources';
import useColorScheme from './hooks/useColorScheme';
import Navigation from './navigation';

import { DripsyProvider } from 'dripsy'

const theme = {
  colors: {
    text: '#000',
    background: '#fff',
    primary: 'tomato',
  },
  fonts: {
    root: 'circular',
  },
  // custom fonts are easy!
  customFonts: {
    circular: {
      default: 'Circular-StdBook',
      bold: 'Circular-StdBold',
      black: 'Circular-StdBlack'
    }
  },
  space: [10, 12, 14],
  text: {
    thick: {
      fontFamily: 'root',
      fontWeight: 'black' // 'Circular-StdBlack'
    }
  }
}

export default function App() {
  const isLoadingComplete = useCachedResources();
  const colorScheme = useColorScheme();

  if (!isLoadingComplete) {
    return null;
  } else {
    return (
      <DripsyProvider theme={theme}>
        {/* <SafeAreaProvider> */}
          <Navigation colorScheme={colorScheme} />
          <StatusBar />
        {/* </SafeAreaProvider> */}
      </DripsyProvider>
    );
  }
}

version info

image

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
codthingcommented, Apr 20, 2021

image

so great, many thx.

I overlooked the import Text from dripsy

Thank you very much, and I am sorry at the same time.

0reactions
nandorojocommented, Apr 20, 2021

That looks like it works to me? What isn’t working? Are you sure you imported Text from Dripsy?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Troubleshooting | React Navigation
This section attempts to outline issues that users frequently encounter when first getting accustomed to using React Navigation. These issues may or may...
Read more >
React Navigation Error on npm install - Stack Overflow
It can be solved by running a npm install command again and reinstall the npm install --save react-navigation command.
Read more >
@react-navigation/core - npm
Core utilities for building navigators. Latest version: 6.4.5, last published: 13 days ago. Start using @react-navigation/core in your ...
Read more >
How to handle errors while working with Navigation in ...
The first cause for the error is because of bad indentation. It is very necessary that each component is indented properly. The child...
Read more >
unable to resolve "@react-navigation/native" from "app.js"
This error occurs because you haven't installed react-navigation. Run: npm install react-navigation npm start ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found