A Twitarr client.
nvm install lts/jod
nvm use lts/jod (v22.13.0)
npm clean-install
patch-package
npx react-native start
npx uri-scheme open tricordarr:// --android
- Icon library: https://pictogrammers.com/library/mdi/
- https://www.w3.org/Bugs/Public/show_bug.cgi?id=13104
- refetchPage can be passed to refetch to limit refetching
- All dates from the API come in as ISO8601 strings
adb logcat [| grep ReactNativeJS]can get logs on the device
The React Native upgrade process is miserable. Don't do it. Or if you do, at least
do it on a clean dedicated branch. npm install doesn't honor package-lock.json,
you need npm clean-install for that.
npx @rnx-kit/align-deps --requirements react-native@0.72https://reactnative.dev/docs/signed-apk-android
Edit android/app/build.gradle with appropriate version info.
Version number plan:
- Major = Cruise Year (2023, 2024, etc)
- Minor = Release number to Play Store. Moves in lockstep with
versionCode.
cd android
./gradlew bundleRelease # To build AAB
./gradlew assembleRelease # For an APK
adb -s device-name-here install ~/Projects/jocosocial/tricordarr/android/app/build/outputs/apk/release/app-release.apk
// Push to ensure that back actually goes back somewhere useful.
rootNavigation.push(RootStackComponents.rootContentScreen, {
screen: BottomTabComponents.lfgTab,
params: {
screen: LfgStackComponents.lfgOwnedScreen,
// initial false needed here to enable the stack to popToTop on bottom button press.
initial: false,
},
})
To refresh without glitches:
const () => {
setRefreshing(true);
await Promise.all([refetch(), refetchPins()]);
setRefreshing(false);
};
Open the android directory in Android Studio instead of the project root. It behaves better.
Might be able to mark a different one as Project Root?
https://stackoverflow.com/questions/70816347/i-cant-find-the-image-asset-option-in-android-studio
Notification: trim yes padding 0
isLoading: no cache and in flight
- Return
<LoadingView />
isRefetching: Background refetch (excluding initial) and refetch().
- RefreshControl
refetch() will refetch even if within the staleTime. Backgrounds will not because that's the point of staleTime.
- Every screen should have Help. Whether directly in the header or under a menu.
- Most screens should have an Actions Menu (three dots) in the upper right.
- Common actions, then privileged actions separated on both sides by divider, help
- Other than the Menu, acceptable Header buttons are [Filter, Sort, Search].
- If just help, skip the menu and use that as the icon where the menu would be
- Screens where there is a "create" action should have that Create be in the form of a FAB
ERROR Warning: A props object containing a "key" prop is being spread into JSX:
let props = {key: someKey, route: ..., borderless: ..., centered: ..., rippleColor: ..., onPress: ..., onLongPress: ..., testID: ..., accessibilityLabel: ..., accessibilityRo
5A33
le: ..., accessibilityState: ..., style: ..., children: ...};
<Touchable {...props} />
React keys must be passed directly to JSX without using spread:
let props = {route: ..., borderless: ..., centered: ..., rippleColor: ..., onPress: ..., onLongPress: ..., testID: ..., accessibilityLabel: ..., accessibilityRole: ..., accessibilityState: ..., style: ..., children: ...};
<Touchable key={someKey} {...props} />
callstack/react-native-paper#4401 (PR: callstack/react-native-paper#4494)
ERROR Warning: TextInput.Icon: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.
in TextInput.Icon (created by Formik)
Fixed in react-native-paper 5.12.5