react-native-boxes 1.4.78 → 1.4.80

package/README.md

@@ -487,6 +487,9 @@ Install your favorite js library.
       en: {
         watchlist: {
           hello: 'Hello!'
+        },
+        home:{
+          title:'Hello %{name} !'
         }
       },
       hi: {
@@ -505,6 +508,7 @@ Install your favorite js library.
         }
       }
     });
+    I18nProvider.locale = 'hi'
     I18nProvider.missingBehavior = "guess";
     
 
@@ -546,6 +550,30 @@ Install your favorite js library.
      }
 </details>
 
+For Skipping localization, you can add create custom middleware like below and wrap your string with `{{YOUR STRING}}`, this will directly output your string.
+```
+let tOriginal = I18nProvider.t.bind(I18nProvider)
+I18nProvider.t = (scope, options) => {
+    if (scope == undefined)
+        return ''
+    if (typeof scope == 'string') {
+        if (scope.startsWith("{{") && scope.endsWith("}}")) {
+            return scope.replace("{{", "").replace("}}", "")
+        }
+    }
+    return tOriginal(scope, options)
+}
+```
+
+```
+<TextView text={`{{This String will not be localized. Nope}}`} /> 
+```
+
+For using placeholders in your locales, 
+
+```
+<TextView text={`{{  ${theme.i18n.t('home.title',{ name: 'Shivesh Navin' })}  }}` />
+```
 
 
 ### Analytics

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.4.78",
+  "version": "1.4.80",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "src/index.js",
   "scripts": {

package/src/Bar.tsx

@@ -92,7 +92,7 @@ export function SimpleToolbar(props: SimpleToolbarProps) {
                         theme.onTrack(TrackingActionType.CLICK, TrackingViewType.TOOLBAR, 'back')
                         props.onHomePress && props.onHomePress()
                     }}>
-                        {HomeIcon && <HomeIcon color={props.forgroundColor || theme.colors.invert.text} />}
+                        {HomeIcon && <HomeIcon color={props.forgroundColor || theme.colors.text} />}
                     </PressableView>
                 </Center>
                 <HBox style={{

package/src/Styles.tsx

@@ -46,9 +46,10 @@ export const Colors = {
     critical: '#F44336',
     invert: {
         text: '#fff',
-        caption: '#fff',
-        heading: '#fff',
-        background: '#1a1a1c'
+        caption: '#565656',
+        heading: '#dddddd',
+        background: '#212121',
+        forground: '#191919',
     }
 }
 
@@ -70,10 +71,11 @@ export const DarkColors = {
     warning: '#FFA726',
     critical: '#F44336',
     invert: {
-        text: '#fff',
-        caption: '#fff',
-        heading: '#fff',
-        background: '#E6E6E6'
+        heading: '#222222',
+        text: '#444444',
+        caption: '#A9A9A9',
+        background: '#E6E6E6',
+        forground: '#fff',
     }
 }