vitalets / react-native-extended-stylesheet

Extended StyleSheets for React Native
MIT License
2.93k stars 132 forks source link

Library not working with RN 0.73.9 / Android API 34. Suggest alternate library similar to this. #182

Open ManjinderRayatTelus opened 2 months ago

ManjinderRayatTelus commented 2 months ago

If this is an issue with the library and it is not maintained, can somebody suggest an alternative library that can be used with minimum code changes.

Steps to Reproduce

  1. Update app to use RN V 0.73.9
  2. Create an android build to target API level 34
  3. Run the app and you get below error Error: TypeError: Cannot read property 'backgroundColor' of undefined

Try in Expo

Expected Behavior

App component is able to access styles objects defined in the styles file. styles object returned by EStyleSheet is emptt json object. This was working on RN 0.71 for Android 33.

Actual Behavior

App components are not able to access objects defined in the styles file.

Show the code

Below styles import { Platform } from "react-native"; import EStyleSheet from "react-native-extended-stylesheet"; import { theme, gutter } from "../../Utils/Helpers/theme";

export const styles = EStyleSheet.create({ header: { backgroundColor: theme.colors.mainPurple, display: "flex", flexDirection: "row", borderBottomWidth: 0, alignItems: "center", width: "100%", ...Platform.select({ android: { paddingTop: 0, height: gutter(14) } }) }, statusBarContainer: { backgroundColor: theme.colors.mainPurple, width: "100%" }, leftContainerStyle: { justifyContent: "flex-start" }, centerContainerStyle: { justifyContent: "center" }, rightContainerStyle: { justifyContent: "flex-end" } });

Environment

guzeradimaz commented 1 week ago

+

guzeradimaz commented 1 week ago

On version 76 the same problem, no styles