Tony techtony92

Android uses hexadecimal ARGB values, which are formatted as #AARRGGBB. That first pair of letters, the AA, represent the alpha channel. You must convert your decimal opacity values to a hexadecimal value. Here are the steps:

Alpha Hex Value Process

Take your opacity as a decimal value and multiply it by 255. So, if you have a block that is 50% opaque the decimal value would be .5. For example: .5 x 255 = 127.5
The fraction won't convert to hexadecimal, so you must round your number up or down to the nearest whole number. For example: 127.5 rounds up to 128; 55.25 rounds down to 55.
Enter your decimal value in a decimal-to-hexadecimal converter, like http://www.binaryhexconverter.com/decimal-to-hex-converter, and convert your values.

	import React, { createContext, useContext, useRef, useState } from "react";
	import { View, StyleSheet, Animated, Platform } from "react-native";
	import { useSafeAreaInsets } from "react-native-safe-area-context";
	import { Text } from "./Text";
	import { Check, Info, AlertCircle } from "lucide-react-native";

	type ToastType = "success" \| "error" \| "info" \| "subtle";

	type ToastConfig = {
	message: string;

	// Run this command to generate base config and vs code settings:
	// pnpm dlx @antfu/eslint-config@latest

	import antfu from "@antfu/eslint-config";

	export default antfu({
	type: "app",
	typescript: true,
	formatters: true,
	stylistic: {