@gluestack-ui/themed/build/components/VirtualizedList/styled-components/Root.js

A universal themed components for React Native, Next.js & React

import { VirtualizedList } from 'react-native';
import { styled, useStyled, propertyTokenMap } from '@gluestack-style/react';
export default styled(VirtualizedList, {}, {
    componentName: 'VirtualizedList',
    resolveProps: ['contentContainerStyle'],
}, {
    propertyResolver: {
        contentContainerStyle: (rawValue, resolver) => {
            // eslint-disable-next-line react-hooks/rules-of-hooks
            const aliases = useStyled()?.config?.aliases;
            const newValue = {};
            Object.entries(rawValue).forEach(([key, value]) => {
                if (Object.hasOwn(aliases, key)) {
                    newValue[`${aliases[key]}`] = resolver(value, 
                    //@ts-ignore
                    propertyTokenMap[aliases[key]]);
                }
                else {
                    //@ts-ignore
                    newValue[`${key}`] = resolver(value, propertyTokenMap[key]);
                }
            });
            rawValue = newValue;
            return rawValue;
        },
    },
});