Metrics for sample apps

Author: alwx

CHANGELOG.md

@@ -10,7 +10,7 @@
 
 ### Features
 
-- Adds metrics ([#5402](https://github.com/getsentry/sentry-react-native/pull/5402))
+- Adds Metrics Beta ([#5402](https://github.com/getsentry/sentry-react-native/pull/5402))
 
 ### Dependencies
 

samples/react-native-macos/src/Screens/ErrorsScreen.tsx

@@ -86,6 +86,24 @@ const ErrorsScreen = (_props: Props) => {
             setScopeProperties();
           }}
         />
+        <Button
+          title="Send count metric"
+          onPress={() => {
+            Sentry.metrics.count('count_metric', 1);
+          }}
+        />
+        <Button
+          title="Send distribution metric"
+          onPress={() => {
+            Sentry.metrics.count('distribution_metric', 100);
+          }}
+        />
+        <Button
+          title="Send distribution metric"
+          onPress={() => {
+            Sentry.metrics.count('distribution_metric', 100);
+          }}
+        />
         <Button
           title="Flush"
           onPress={async () => {

samples/react-native/src/App.tsx

@@ -171,6 +171,7 @@ Sentry.init({
   // This should be disabled when manually initializing the native SDK
   // Note that options from JS are not passed to the native SDKs when initialized manually
   autoInitializeNativeSdk: true,
+  enableMetrics: true,
 });
 
 function BottomTabsNavigator() {

samples/react-native/src/Screens/ErrorsScreen.tsx

@@ -114,6 +114,24 @@ const ErrorsScreen = (_props: Props) => {
             setScopeProperties();
           }}
         />
+        <Button
+          title="Send count metric"
+          onPress={() => {
+            Sentry.metrics.count('count_metric', 1);
+          }}
+        />
+        <Button
+          title="Send distribution metric"
+          onPress={() => {
+            Sentry.metrics.count('distribution_metric', 100);
+          }}
+        />
+        <Button
+          title="Send distribution metric"
+          onPress={() => {
+            Sentry.metrics.count('distribution_metric', 100);
+          }}
+        />
         <Button
           title="Flush"
           onPress={async () => {