[pull] main from expo:main

apps/native-component-list/src/screens/MediaLibrary/MediaDetailsScreen.tsx

@@ -2,7 +2,7 @@ import { StackScreenProps } from '@react-navigation/stack';
 import { Image } from 'expo-image';
 import * as MediaLibrary from 'expo-media-library';
 import React from 'react';
-import { ScrollView, StyleSheet, View, Alert } from 'react-native';
+import { ScrollView, StyleSheet, View, Alert, Platform } from 'react-native';
 
 import Button from '../../components/Button';
 import HeadingText from '../../components/HeadingText';
@@ -21,20 +21,27 @@ export default class MediaDetailsScreen extends React.Component<Props> {
     title: 'MediaLibrary Asset',
   };
 
-  state = {
+  state: {
+    details: MediaLibrary.AssetInfo | null;
+    detailsWithoutDownloadingFromNetwork: MediaLibrary.AssetInfo | null;
+  } = {
     details: null,
     detailsWithoutDownloadingFromNetwork: null,
   };
 
   componentDidMount() {
+    this.getAssetDetails();
+  }
+
+  getAssetDetails = () => {
     const { asset } = this.props.route.params;
     MediaLibrary.getAssetInfoAsync(asset, { shouldDownloadFromNetwork: false }).then((details) => {
       this.setState({ detailsWithoutDownloadingFromNetwork: details });
     });
     MediaLibrary.getAssetInfoAsync(asset).then((details) => {
       this.setState({ details });
     });
-  }
+  };
 
   goBack() {
     const { navigation, route } = this.props;
@@ -81,6 +88,26 @@ export default class MediaDetailsScreen extends React.Component<Props> {
     }
   };
 
+  addToFavorites = async () => {
+    const { asset } = this.props.route.params!;
+
+    const success = await MediaLibrary.setAssetFavoriteAsync(asset, true);
+    if (success) {
+      alert('Asset marked as favorite!');
+      this.getAssetDetails();
+    }
+  };
+
+  removeFromFavorites = async () => {
+    const { asset } = this.props.route.params!;
+
+    const success = await MediaLibrary.setAssetFavoriteAsync(asset, false);
+    if (success) {
+      alert('Asset removed from favorites!');
+      this.getAssetDetails();
+    }
+  };
+
   renderAsset(asset: MediaLibrary.Asset) {
     const aspectRatio = asset.height ? asset.width / asset.height : 1;
 
@@ -127,6 +154,15 @@ export default class MediaDetailsScreen extends React.Component<Props> {
           </View>
         )}
 
+        {!album && details && Platform.OS === 'ios' && (
+          <Button
+            style={styles.button}
+            buttonStyle={{ backgroundColor: 'green' }}
+            title={details.isFavorite ? 'Remove from favorites' : 'Add to favorites'}
+            onPress={details.isFavorite ? this.removeFromFavorites : this.addToFavorites}
+          />
+        )}
+
         <View style={styles.imageContainer}>{this.renderAsset(asset)}</View>
 
         <HeadingText>Base asset data</HeadingText>

apps/test-suite/tests/MediaLibrary.js

@@ -251,6 +251,17 @@ export async function test(t) {
           }
         );
 
+        if (Platform.OS === 'ios') {
+          t.it('setAssetFavoriteAsync should mark asset as favorite', async () => {
+            const favoriteTestAsset = testAssets[0];
+            const infoBefore = await MediaLibrary.getAssetInfoAsync(favoriteTestAsset);
+            t.expect(infoBefore.isFavorite).toBe(false);
+            await MediaLibrary.setAssetFavoriteAsync(favoriteTestAsset, true);
+            const infoAfter = await MediaLibrary.getAssetInfoAsync(favoriteTestAsset);
+            t.expect(infoAfter.isFavorite).toBe(true);
+          });
+        }
+
         // On both platforms assets should perserve their id. On iOS it's native behaviour,
         // but on Android it should be implemented (but it isn't)
         // t.it("After createAlbum and addAssetsTo album all assets have the same id", async () => {

packages/expo-clipboard/CHANGELOG.md

@@ -4,6 +4,8 @@
 
 ### 🛠 Breaking changes
 
+- Removed deprecated `setString` function. Use `setStringAsync` instead. ([#41758](https://github.com/expo/expo/pull/41758) by [@barthap](https://github.com/barthap))
+
 ### 🎉 New features
 
 ### 🐛 Bug fixes