Nested global variables

[lucasff]

EStyleSheet.build({
    dashboard: {
         $valueFontSize: 26 * fontScale,
    }
});

Currently, this is not possible because the check is against the first letter (charAt(0)). Say I want to use:

EStyleSheet.create({
    text: {
         fontSize: '16 * dashboard.$valueFontSize',
    }
});

Could we have this support?

[vitalets]

hi @lucasff ! Could you show the full example what do you expect? Thanks!

[lucasff]

@vitalets I updated my comment. Thanks!

[vitalets]

Hi @lucasff

$ should be used only in top level variable name, nested sub-variables can be without it.

Working example:

EStyleSheet.build({
    $dashboard: {
         valueFontSize: 26
    }
});

Usage in the component:

const styles = EStyleSheet.create({
    text: {
         fontSize: '16 * $dashboard.valueFontSize'
    }
});

Hope that helps. Sorry for late response.