On Android the letters M and W are jumping out according to the size of the strokeWidth

[BMonassa]

Would there be any solution?

[ozgursoy]

Could you share device info and the font?

[BMonassa]

It's happening on all Android devices, whether it's an emulator or cell phone, and I'm using Nunito-Black

[ozgursoy]

We have a game in production and using Nunito-Black, There is no problem. Could you share a reproducible example?
Specific fontWeight or fontSize might cause this issue. I need to reproduce to fix the issue.

[BMonassa]

Thank's for your time

Components

export function UserNameWithStroke({ userName, currentTheme, darkMode, fontSize }) {
	const userNameWidth = Math.min(userName.length * (fontSize / 2), 165);

	return (
		<UserNameStokeContainer style={{ marginVertical: 8 }} fontSize={fontSize} userNameWidth={userNameWidth}>
			<UserNameFill fontSize={fontSize} color={darkMode ? currentTheme.minorDark : currentTheme.minorLight} />
			<StrokeText
				numberOfLines={1}
				text={userName}
				fontSize={fontSize}
				color={darkMode ? 'rgba(0,0,0,1)' : 'rgba(255,255,255,1)'}
				strokeColor={darkMode ? currentTheme.minorDark : currentTheme.minorLight}
				strokeWidth={fontSize / 3}
				fontFamily="Nunito-Black"
				ellipsis={true}
			/>
		</UserNameStokeContainer>
	);
}

Using the component

<UserNameWithStroke
	userName={props.card.name || 'Your name'}
	currentTheme={theme}
	darkMode={props.darkName === 'dark'}
	fontSize={24}
/>

[ozgursoy]

Have fun 🎉

v1.1.2

[BMonassa]

Thanks my brother 🍻