Gguigre

import type { ConfigPlugin } from '@expo/config-plugins';
import { withXcodeProject } from '@expo/config-plugins';

/*
https://github.com/CocoaPods/CocoaPods/issues/12022
https://developer.apple.com/forums/thread/733461
in xCode 15, the signature files seems to be generated twice, which causes the build to fail.
*/

const withMyCustomBuildPhase: ConfigPlugin = (config) => {

Gguigre

type PropsType = {
  forecast: ForecastType,
  index: number
};

export class ForecastItem extends Component<PropsType, StateType> {
  render() {
    const { forecast, index } = this.props;
    const image = getImageFromWeatherType(forecast.weatherType);
    return (

Gguigre

type PropsType = { index?: number };

export class TransitionView extends PureComponent<PropsType> {
  render() {
    const { index, ...rest } = this.props;
    return (
      <Animatable.View
        animation="fadeIn"
        duration={theme.transitionDuration}
        delay={index ? (index * theme.transitionDuration) / 5 : 0}

Gguigre

export class ForecastItem extends Component<PropsType, StateType> {
  render() {
    const { forecast } = this.props;
    const image = getImageFromWeatherType(forecast.weatherType);
    return (
      <TransitionView style={styles.container}>
        // ...
      </TransitionView>
    );
  }

Gguigre

 render() {
	//...
    return (
      <TransitionView style={styles.container} animation="slideInDown">
        {!!maxTemperature && !!minTemperature && !!weatherType && !!image && (
      	    //...
      	  }
      	</TransitionView>
    );
  }

Gguigre

  render() {
    const { maxTemperature, minTemperature, weatherType } = this.props;
    const today = new Date();
    const image = getImageFromWeatherType(weatherType);
    return (
      <View style={styles.container}>
        {!!maxTemperature && !!minTemperature && !!weatherType && !!image && (
          <TransitionView style={styles.content}>
            <View>

Gguigre

 render() {
	return (
	  <View style={styles.container}>
	    <View style={styles.content}>
	      <View>
	        <Text style={[theme.typo.mediumText, styles.whiteText]}>
	          {today.toDateString()}
	        </Text>
	        <Text style={[theme.typo.veryBigText, styles.whiteText]}>
	          {maxTemperature ? `${maxTemperature}°` : ""}

Gguigre

//...
  render() {
    const { ...rest } = this.props;
    return (
      <Animatable.View
        animation="fadeIn"
        duration={theme.transitionDuration}
        useNativeDriver
        {...rest}
      />