[Android] Adding prop android_minWidth to Switch component

[fabOnReact]

Summary

This issue fixes#29047
Adding prop android_minWidth to Switch component.

Changelog

[Android] [Fixed] - Adding prop android_minWidth to Switch component

Test Plan

CLICK TO OPEN TESTS RESULTS

I will write separate pull request to update the docs on https://github.com/facebook/react-native-website

AFTER

[analysis-bot]

Platform	Engine	Arch	Size (bytes)	Diff
ios	-	universal	10,755,840	-29,968

Base commit: e6fc20e

[analysis-bot]

Platform	Engine	Arch	Size (bytes)	Diff
android	hermes	arm64-v8a	6,759,620	-4,492
android	hermes	armeabi-v7a	6,422,277	-4,612
android	hermes	x86	7,145,867	-4,554
android	hermes	x86_64	7,035,844	-4,519
android	jsc	arm64-v8a	8,933,278	-4,115
android	jsc	armeabi-v7a	8,588,353	-4,230
android	jsc	x86	8,762,661	-4,180
android	jsc	x86_64	9,338,264	-4,137

Base commit: e6fc20e

[dulmandakh]

why not support minWidth in style?

[HectorRicardo]

@dulmandakh that could also work, but I guess it is because the minimum width is only supported on Android and not on iOS, so by naming the property androidMinWidth it is clear that it only applies to android

[fabOnReact]

Thanks for the support @HectorRicardo

@dulmandakh

Thanks and Sorry, but I do not work on iOS. I can not tell if this is possible or not.
If you request, I will move this logic to the style prop.

TLDR
I believe It is possible to build this logic on iOS.
The iOS Contributor would have to set a check on the width style prop on iOS side and over-ride that value based on minWidth value.

I did a brief research, this are my inconclusive results on iOS:

---

on iOS we are using UISwitch

https://github.com/facebook/react-native/blob/a50fa552a7e07f611d626fae99a6ef80845d9d4d/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm#L22-L24

as explained on stackoverflow

UISwitch inherits from UIView. The width/height could be changed using UIView transform

UISwitch*aSwitch= [[UISwitchalloc] initWithFrame:CGRectMake(120, 120, 51, 31)];
aSwitch.transform=CGAffineTransformMakeScale(2.0, 2.0);

Seems difficult to change the width without using trasforms as said here

I personally would not use transform for the width/height prop. I would use transform for the transforms. I would not give the user a workaround to set UISwitch width/height on iOS using transforms, as this may not work as he expects.

The iOS developer would have to find a way to set the UISwitch width/height and then change the logic to take in consideration the minWidth value.

I could not find existing iOS api to set the minWidth of a UISwitch, I did not make extensive research as I want to specialize on Android.

Thanks a lot.
I wish you a good day

[HectorRicardo]

I also did some research, and although I don't have any Apple device to test, I am pretty sure the default UISwitch is not customizable. I suggest we leave the androidMinWidth attribute outside of the style object.

[fabOnReact]

why not support minWidth in style?

Thanks a lot @dulmandakh for your code review.

The main reason is that I am specializing on Android, Java and ReactNative/JS.
Currently I don't work with ObjectiveC and iOS.

It is harder for me to work with many different languages and tools.

Thanks a lot