November 27
Release expo app to iOS
1. config app.json
example:
{
"expo": {
"name": "Tech Blog",
"slug": "tech_blog",
"privacy" : "public",
"sdkVersion" : "39.0.0",
"platforms" : [
"ios",
"android"
],
"version": "4.0.9",
"orientation": "portrait",
"icon": "./assets/icon.png",
"splash": {
"image": "./assets/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
},
...
September 20
Font Awesome icon as background image
CSS:
#wrap {
background: #fff;
position: relative;
}
#wrap:after {
content: "\f087";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position:...
September 11
Useful Linux commands for handling directory has large amount of files
Count folder with number of files:
ls . | wc -l
A typical way to handle the “argument list too long” error is via the find command. Delete all files with sess*
find . -maxdepth 1 -mindepth 1 -type f -name "sess*" -delete
tip: handle large sessions folder for php:
rm -rf sessions; mkdir sessions; chmod 1733 sessions;
...
September 2
React Navigation 5
run expo update / nmp update first,
then, Install packages:
npm install @react-navigation/native
Installing dependencies into an Expo managed project:
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
if you are using 'stack' and 'drawer', import the packages as well:
npm install @react-navigation/stack
npm install @react-navigation/drawer
for material bottom and top tabs navigator, import following:
npm install @react-navigation/material-bottom-tabs react-native-paper
npm install @react-navigation/material-top-tabs react-native-tab-view
If you're on a Mac and developing for iOS, you...