Autolinking example apps

[ShaMan123]

Autolinking example apps

How do I run an example app from within a library I'm developing?
Formerly it was done using metro.config.js and manual linking.
How can I do it with autolinking?

I tried configuring react-native.config.js and got this error on android:
Multiple projects in this build have project directory

It is very unclear how to configure projects/dependencies using react-native.config.js

Thanks

example/react-native.config.js

module.exports = {
    // config for a library is scoped under "dependency" key
    dependencies: {
        'lib-in-dev': {
            root: '..',
            platforms: {
                android: {
                    sourceDir: '../android'
                }
            }
        }
    },
};

[thymikee]

Please see https://github.com/react-native-community/react-native-slider/

How can we make it easier for you in the documentation? It's here: https://github.com/react-native-community/cli/blob/master/docs/dependencies.md

The naming is confusing and we definitely need to think about it more.

[thymikee]

Also the Migration Guide may be helpful to get a grasp of the config: https://github.com/react-native-community/cli/blob/master/docs/configuration.md#migration-guide

[ShaMan123]

tried the migration guide.
It seems react-native-slider does not have a standalone example app

[thymikee]

Isn't it? https://github.com/react-native-community/react-native-slider/tree/master/example

[ShaMan123]

don't think so.
but it seems there's a bug regarding path resolution that react-native-slider/react-native.config.js works around successfully using process.cwd()

[thymikee]

It's not a bug, it's how we tell the CLI where to look for a local package. You're also expected (at least for now) to run the CLI from the root of your project, hence tricks like this one are needed: https://github.com/react-native-community/react-native-slider/blob/master/package.json#L15

[ShaMan123]

This must be documented. So to my understanding it is good practice to specify absolute paths.

[thymikee]

It's documented here: https://github.com/react-native-community/cli/blob/master/docs/autolinking.md#how-can-i-autolink-a-local-library, root must be an absolute path.

If you have ideas on how to make it all a bit more approachable, please send a PR!

[ShaMan123]

EDITED: see comments below

This works for me:

example/react-native.config.js

const root = path.resolve(__dirname, '..');
const config = require('../react-native.config');

module.exports = {
    dependencies: {
        'lib-in-dev': {
            root,
            ...config.dependency
        }
    },
};

[thymikee]

Do you really need the ...config.dependency? What's inside?

[ShaMan123]

I do 'cause it doesn't read the root config file for some reason. בתאריך יום ה׳, 11 ביולי 2019, 13:36, מאת Michał Pierzchała ‏< notifications@github.com>:

…

Do you really need the ...config.dependency? What's inside? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#518?email_source=notifications&email_token=AIGAW4LNVUZMREW7A37PLIDP64EJBA5CNFSM4IAX6MYKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODZWJB4I#issuecomment-510431473>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AIGAW4LB2F4HJ2R5LAZPX23P64EJBANCNFSM4IAX6MYA> .

[ShaMan123]

I think I found the reason.
when specifying platform.android.folder | platform.android.sourceDir config read fails