Facilitates calling native methods from JavaScript in mobile apps, supporting WebView and React Native. Defines native methods using a simple interface, streamlining integration across Android and iOS.
A unified bridge implementation with Kotlin multiplatform for JavaScript running on Android and iOS. WebView and React Native are supported.
Klue is short for Kotlin Glue, and it is pronounced the same as clue. Klue is helpful when you want to call native methods from JavaScript in mobile Apps.
Create a bridge project according to sample-bridge, add dependencies to your project:
// runtime
kotlin {
...
sourceSets {
val commonMain by getting {
dependencies {
api(project("com.bennyhuo.kotlin:klue-runtime-common:1.0-Beta"))
// for WebView
api(project("com.bennyhuo.kotlin:klue-runtime-webview:1.0-Beta"))
// for React Native project
api(project("com.bennyhuo.kotlin:klue-runtime-reactnative:1.0-Beta"))
}
}
...
}
}
dependencies {
()
()
}
You will never need to define a method name and its parameter types in a document, then tell the WebView/React Native/Android/iOS developers how to invoke or implement this method.
All you need is a Kotlin interface like this:
// common code
import com.bennyhuo.klue.annotations.KlueBridge
@KlueBridge
interface Utils {
fun platform(): String
}
And its implementation on Android/iOS:
// Android
class UtilsImpl : Utils {
override fun platform() = "Android!!"
}
// iOS
class UtilsImpl : Utils {
override fun =
}
Register Klue bridge in your apps, then simply use it in your JavaScript code:
[WebView]
<script type="text/javascript" src=>
[React Native]
import {Utils} from 'SampleBridge';
const onPress = async () => {
try {
const result = await Utils.()
.()
} (e) {
.(e)
}
}
Surfaced from shared tags and platforms — no rankings paid for.