fix: Style debug label

mrousavy · Sep 16, 2024 · ba713c2 · ba713c2
1 parent 081a322
commit ba713c2
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/example/ios/NitroExample.xcodeproj/xcshareddata/xcschemes/NitroExample.xcscheme b/example/ios/NitroExample.xcodeproj/xcshareddata/xcschemes/NitroExample.xcscheme
@@ -41,7 +41,7 @@
       </Testables>
    </TestAction>
    <LaunchAction
-      buildConfiguration = "Release"
+      buildConfiguration = "Debug"
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       launchStyle = "0"

diff --git a/example/src/screens/HybridObjectTestsScreen.tsx b/example/src/screens/HybridObjectTestsScreen.tsx
@@ -1,6 +1,13 @@
 import * as React from 'react'
 
-import { StyleSheet, View, Text, ScrollView, Button } from 'react-native'
+import {
+  StyleSheet,
+  View,
+  Text,
+  ScrollView,
+  Button,
+  Platform,
+} from 'react-native'
 import {
   HybridTestObjectCpp,
   HybridTestObjectSwiftKotlin,
@@ -139,7 +146,7 @@ export function HybridObjectTestsScreen() {
           }}
         />
         <View style={styles.flex} />
-        <Text>{NitroModules.buildType}</Text>
+        <Text style={styles.buildTypeText}>{NitroModules.buildType}</Text>
       </View>
 
       <ScrollView contentContainerStyle={styles.scrollContent}>
@@ -176,9 +183,18 @@ const styles = StyleSheet.create({
     paddingHorizontal: 15,
   },
   topControls: {
-    marginLeft: 15,
+    marginHorizontal: 15,
     marginBottom: 10,
     flexDirection: 'row',
+    alignItems: 'center',
+  },
+  buildTypeText: {
+    fontFamily: Platform.select({
+      ios: 'Menlo',
+      macos: 'Menlo',
+      android: 'monospace',
+    }),
+    fontWeight: 'bold',
   },
   segmentedControl: {
     minWidth: 180,