evcc Companion App

Native app wrapper for evcc UI based on react-native and expo.dev. It uses UI Kitten / Eva as a design system. Native parts are written in TypeScript and kept to a minimum.

Download the App

Beta Testing

• Apple Testflight https://testflight.apple.com/join/8Y4elMpv
• Android: Download the APK from GitHub Releases

Features

• Onboarding
  • find evcc instances in local network via mDNS
  • add instance manually via URL
  • try the app using the demo instance
• Full screen evcc UI
  • use the app in a full screen web view
  • UI runs in an optimized mode that respects insets (notch, ...)
  • better gesture support (swipe, ...) by disabling browser zoom and overscroll
• Online/offline detection
  • app shows loading screen when instance is not reachable
  • automatic reconnection when instance becomes reachable again
  • avoids missleading situations where the app is shown but not functional
• Configured URL can be changed
  • in offline mode
  • via additional top navigation entry "Change server"
• Light and dark mode for native UI
  • based on system settings (not configurable)

Screenshots

Known limitations

• No support for multiple instances #3
• mDNS discovery only supports HTTP #1

We'll work on these in a future release. Feel free to vote 👍 to help priorization and add new feature ideas.

Development

Ensure that you've Node.js and NPM installed. Then install the dependencies:

npm install

Follow the expo instructions to run local simulators for iOS and Android.

Start dev mode to get into an interactive development environment.

npm run start

Or start iOS, Android or Web simulator directly.

npm run ios
npm run android
npm run web

You can test basic auth locally by with a caddy server:

caddy run

It will open a server on http://localhost:7080 with admin:secret as basic auth credentials and forward requests to your local evcc instance 7070.

Build Android APK without EAS

This is how F-Droid builds the APK:

npx expo prebuild --platform android --clean
cd android/app
sed -i -e '/signingConfig /d' build.gradle
./../gradlew assembleRelease

Translation

We use Weblate to manage our translations.