FIX: ListItem background color would fail under dark mode (#6089)

Navigation.js

@@ -3,7 +3,7 @@ import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { createDrawerNavigator } from '@react-navigation/drawer';
 import { Platform, useWindowDimensions, Dimensions, I18nManager } from 'react-native';
 
-import Settings from './screen/settings/settings';
+import Settings from './screen/settings/Settings';
 import About from './screen/settings/about';
 import ReleaseNotes from './screen/settings/releasenotes';
 import Licensing from './screen/settings/licensing';

components/ListItem.tsx

@@ -57,7 +57,7 @@ const ListItem: React.FC<ListItemProps> = React.memo(props => {
       fontSize: 14,
     },
     containerStyle: {
-      backgroundColor: 'transparent',
+      backgroundColor: colors.background,
     },
   });
 

screen/settings/Currency.tsx

@@ -73,7 +73,7 @@ const Currency: React.FC = () => {
     <ListItem
       disabled={isSavingNewPreferredCurrency || selectedCurrency.endPointKey === item.endPointKey}
       title={`${item.endPointKey} (${item.symbol})`}
-      containerStyle={{ height: ITEM_HEIGHT }}
+      containerStyle={StyleSheet.flatten([styles.flex, { height: ITEM_HEIGHT }])}
       checkmark={selectedCurrency.endPointKey === item.endPointKey}
       onPress={async () => {
         setIsSavingNewPreferredCurrency(true);

tests/integration/App.test.js

@@ -1,7 +1,7 @@
 import assert from 'assert';
 import React from 'react';
 import TestRenderer from 'react-test-renderer';
-import Settings from '../../screen/settings/settings';
+import Settings from '../../screen/settings/Settings';
 import Selftest from '../../screen/selftest';
 import { BlueHeaderDefaultSub } from '../../BlueComponents';