GeekyAnts / nativebase-templates

NativeBase Templates for different platforms.
72 stars 76 forks source link

Images not showing up in Next #60

Open haveamission opened 2 years ago

haveamission commented 2 years ago

Is there a way to get images showing up in Next?

I am trying to use this configuration, after yarn add next-images in my next folder, but it isn't working:

/* @type {import('next').NextConfig} /

const { withNativebase } = require('@native-base/next-adapter')

module.exports = withNativebase({
  dependencies: [
    '@expo/next-adapter',
    'next-images',
    'react-native-vector-icons',
    'react-native-vector-icons-for-web',
    'solito',
    'app',
  ],
  nextConfig: {
    projectRoot: __dirname,
    reactStrictMode: true,
    webpack5: true,
    webpack: (config, options) => {
      config.resolve.alias = {
        ...(config.resolve.alias || {}),
        'react-native$': 'react-native-web',
        '@expo/vector-icons': 'react-native-vector-icons',
      }
      config.resolve.extensions = [
        '.web.js',
        '.web.ts',
        '.web.tsx',
        ...config.resolve.extensions,
      ]
      return config
    },
  },
})
haveamission commented 2 years ago

Needed to do this:

plugins: [withImages, [withExpo, { projectRoot: __dirname }]], nextConfig: { images: { disableStaticImages: true, }, ... }