fix(ios): picker width too small (#675)

fortmarek · vonovak · web-flow · commit f4767e8cba2b · 2022-11-10T15:57:42.000+01:00
* Fix date format change

* fix fabric compilation

Co-authored-by: Vojtech Novak &lt;vonovak@gmail.com&gt;
diff --git a/ios/RNDateTimePickerShadowView.m b/ios/RNDateTimePickerShadowView.m
@@ -43,7 +43,8 @@ static YGSize RNDateTimePickerShadowViewMeasure(YGNodeRef node, float width, YGM
     if (@available(iOS 14.0, *)) {
       [shadowPickerView.picker setPreferredDatePickerStyle:shadowPickerView.displayIOS];
     }
-    size = [shadowPickerView.picker sizeThatFits:UILayoutFittingCompressedSize];
+	size = [shadowPickerView.picker sizeThatFits:UILayoutFittingCompressedSize];
+	size.width += 10;
   });
   
   return (YGSize){
diff --git a/ios/fabric/RNDateTimePickerComponentView.mm b/ios/fabric/RNDateTimePickerComponentView.mm
@@ -87,8 +87,8 @@ - (void) updateMeasurements {
     if (_state == nullptr) {
         return;
     }
-    
     CGSize size = [_dummyPicker sizeThatFits:UILayoutFittingCompressedSize];
+    size.width += 10;
     auto newState = RNDateTimePickerState{RCTSizeFromCGSize(size)};
     _state->updateState(std::move(newState));
 }

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,8 @@ static YGSize RNDateTimePickerShadowViewMeasure(YGNodeRef node, float width, YGM`
`43`	`43`	`if (@available(iOS 14.0, *)) {`
`44`	`44`	`[shadowPickerView.picker setPreferredDatePickerStyle:shadowPickerView.displayIOS];`
`45`	`45`	`}`
`46`		`- size = [shadowPickerView.picker sizeThatFits:UILayoutFittingCompressedSize];`
	`46`	`+ size = [shadowPickerView.picker sizeThatFits:UILayoutFittingCompressedSize];`
	`47`	`+ size.width += 10;`
`47`	`48`	`});`
`48`	`49`
`49`	`50`	`return (YGSize){`
Original file line number	Diff line number	Diff line change
`@@ -87,8 +87,8 @@ - (void) updateMeasurements {`
`87`	`87`	`if (_state == nullptr) {`
`88`	`88`	`return;`
`89`	`89`	`}`
`90`		`-`
`91`	`90`	`CGSize size = [_dummyPicker sizeThatFits:UILayoutFittingCompressedSize];`
	`91`	`+ size.width += 10;`
`92`	`92`	`auto newState = RNDateTimePickerState{RCTSizeFromCGSize(size)};`
`93`	`93`	`_state->updateState(std::move(newState));`
`94`	`94`	`}`