chore: layout improvements to example app

Author: andresilveirah

android/src/main/java/com/sourcepoint/reactnativecmp/RNSourcepointCmpModule.kt

@@ -106,6 +106,12 @@ class RNSourcepointCmpModule internal constructor(context: ReactApplicationConte
     .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
     .emit(event.name, params)
 
+  @ReactMethod
+  fun addListener(eventName: String) {}
+
+  @ReactMethod
+  fun removeListeners(count: Int) {}
+
   companion object {
     const val NAME = "RNSourcepointCmp"
   }

example/src/App.tsx

@@ -160,7 +160,7 @@ const styles = StyleSheet.create({
   container: { flex: 1 },
   title: {
     textAlign: 'center',
-    fontSize: 20,
+    fontSize: 22,
   },
   status: {
     textAlign: 'center',
@@ -169,10 +169,11 @@ const styles = StyleSheet.create({
   authIdInput: {
     marginVertical: 12,
     marginHorizontal: 'auto',
-    width: '70%',
+    width: '90%',
     padding: 8,
     fontSize: 18,
     textAlign: 'center',
     borderWidth: 1,
+    borderColor: '#999',
   },
 });

example/src/UserDataView.tsx

@@ -38,12 +38,13 @@ type UserDataViewProps = {
 
 const styles = StyleSheet.create({
   container: {
-    padding: 10,
+    padding: 8,
   },
   header: {
     fontSize: 18,
   },
   userDataText: {
     fontSize: 10,
+    paddingBottom: 300,
   },
 });