{"id":399,"date":"2026-10-19T16:54:04","date_gmt":"2026-10-19T08:54:04","guid":{"rendered":"https:\/\/en.meishesdk.com\/blog\/?p=399"},"modified":"2026-10-19T16:54:04","modified_gmt":"2026-10-19T08:54:04","slug":"face-beauty-sdk-for-ios-android-flutter-react-native","status":"publish","type":"post","link":"https:\/\/en.meishesdk.com\/blog\/399.html","title":{"rendered":"Face Beauty SDK for iOS, Android, Flutter & React Native"},"content":{"rendered":"\n

A face beauty SDK<\/strong> integration is mostly plumbing, and plumbing is where cross-framework projects lose their schedule. The retouching itself is rarely the hard part: the engine detects a face, places landmarks, and redraws. What eats weeks is deciding who owns the camera surface, who drives the render loop, and how many times per second your parameter changes cross a language boundary. Get those three wrong and every retouching adjustment arrives a frame late.<\/p>\n\n\n\n

The good news is that only those three things differ. Meishe Face Beauty SDK runs on one cross-platform audio\/video processing engine \u2014 the same core used across the product family \u2014 so the detection pipeline, landmark model, parameter semantics, and asset format are identical on iOS, Android, Web, Desktop (Windows), smart hardware, Flutter, and React Native. What changes is how each target reaches the engine.<\/p>\n\n\n\n

Below is how that mapping works in practice, including one target with an explicit scope worth knowing before you plan a sprint around it.<\/p>\n\n\n\n

1. Product Positioning<\/h2>\n\n\n\n

Meishe Face Beauty SDK is a retouching module set covering face reshaping, skin smoothing, and virtual makeup compositing, all evaluated in real time from a shared detection pass with no preprocessing stage. It is built for teams that own a product surface \u2014 a camera, recorder, or editor \u2014 and need retouching inside it. It targets iOS, Android, Web, Desktop (Windows), smart hardware, React Native, and Flutter, the last supported through the short-video solution for cross-framework teams. It is a processing layer, not a finished application: recording UI, permission prompts, and upload flows stay yours.<\/p>\n\n\n\n

2. What actually differs between native and cross-framework integration<\/h2>\n\n\n\n

Strip away the frameworks and three integration facts remain.<\/p>\n\n\n\n

Surface ownership.<\/strong> Something has to own the pixels. On native targets your own view layer does. In a cross-framework app, a native surface is managed behind a framework widget or component, and that indirection determines how many copies a frame makes before it reaches the screen.<\/p>\n\n\n\n

Loop ownership.<\/strong> Retouching is a per-frame operation. Whatever drives frames \u2014 a camera callback, a display link, a texture registrar \u2014 must run at that cadence without waiting on UI work in another language.<\/p>\n\n\n\n

Change transport.<\/strong> Users move sliders, switch looks, and toggle AR props. Those changes cross a boundary. Batch them, version them, or you will ship a UI that lags behind touch input.<\/p>\n\n\n\n

Everything else \u2014 detection cadence, landmark stabilisation, boundary handling \u2014 belongs to the engine and behaves the same everywhere.<\/p>\n\n\n\n

\"Face<\/a><\/figure>\n\n\n\n

3. The native path on iOS and Android<\/h2>\n\n\n\n

Native targets are where the shortest path lives. The camera delivers frames to the pipeline directly, the rendering surface is a first-class view in your own hierarchy, and parameters are method calls with no marshalling in between.<\/p>\n\n\n\n

The work here is not plumbing but product. Reshaping exposes parameters per region \u2014 chin, eyes, jaw, and other subsets \u2014 and how many of them reach the user is a product decision rather than a technical limit. Most shipping apps expose a small slider set and bake the rest into authored looks, because an unused third page of controls does not improve results.<\/p>\n\n\n\n

\n

The snippet below is schematic. Method names, module names, and signatures are illustrative and do not represent the shipped API surface.<\/p>\n<\/blockquote>\n\n\n\n

\/\/ Illustrative: one session shape shared conceptually by every native binding.\ninterface BeautySession {\n  \/\/ Detection runs at a configured cadence; frames between pending.\n  configureDetection(opts: { minConfidence: number; cadence: number }): Promise<void>;\n  setSmoothing(level: number, protect?: Array<\"eyes\" | \"brows\" | \"lips\" | \"hairline\">): void;\n  setReshaping(regions: Partial<Record<\"chin\" | \"jaw\" | \"eyes\" | \"nose\", number>>): void;\n  applyMakeup(elementId: string, intensity: number): void;\n}\n\ndeclare const session: BeautySession; \/\/ provided by the native binding on iOS \/ Android\n\nawait session.configureDetection({ minConfidence: 0.72, cadence: 3 });\nsession.setSmoothing(0.4, [\"eyes\", \"brows\", \"lips\", \"hairline\"]);\nsession.setReshaping({ chin: 0.1, jaw: 0.06 });\nsession.applyMakeup(\"lip.tint.rose\", 0.6);<\/code><\/pre>\n\n\n\n
4. Flutter through the short-video solution<\/h2>\n\n\n\n
Flutter support arrives through the short-video solution, not as a separate language binding stubbed by hand. That framing matters for planning: you integrate a solution that already contains the retouching chain, rather than assembling engine modules one by one in Dart.<\/p>\n\n\n\n
Practically, that means two things. Frames never enter Dart memory for processing \u2014 the engine-side render surface owns them, and Flutter composes the result. And asset packages, looks, and parameters are the same objects you configured natively, so a look authored once behaves identically in the Flutter build.<\/p>\n\n\n\n
If your Flutter app also carries a record or capture flow, start there: the short-video solution covers that surface, and the retouching chain comes with it rather than being retrofitted afterwards.<\/p>\n\n\n\n
5. React Native: keeping the render loop out of the JS runtime<\/h2>\n\n\n\n
React Native has one rule that decides whether retouching feels native or not: per-frame work belongs on the native side. Modern React Native gives you TurboModules and JSI for direct, typed native access, and Fabric for rendering disciplines that no longer round-trip everything through a bridge queue. Use them for parameter changes and events. Do not attempt to drive frames from JavaScript \u2014 the JS layer issues “apply look X” once, not once per frame.<\/p>\n\n\n\n
Preview surfaces need the same care. Whether you attach a platform view or a texture-backed layer, the requirement is ownership: the native surface produces frames, React Native composes them. If your integration instead funnels pixel buffers across the boundary, no amount of tuning will recover the budget.<\/p>\n\n\n\n
Support follows the same modular pattern as everything else here: Meishe offers Integration Skills for AI coding assistants including Codex, Qoder, Claude Code and Cursor, alongside 1V1 engineering assistance during integration.<\/p>\n\n\n\n
6. One parameter model across four targets<\/h2>\n\n\n\n
Concern<\/th>iOS<\/th>Android<\/th>Flutter<\/th>React Native<\/th><\/tr><\/thead>
Retouching operations run on the engine side<\/td>Yes<\/td>Yes<\/td>Yes<\/td>Yes<\/td><\/tr>
Per-frame render loop crosses the framework language<\/td>No<\/td>No<\/td>No<\/td>No<\/td><\/tr>
Frames enter the framework’s managed memory<\/td>No<\/td>No<\/td>No<\/td>No<\/td><\/tr>
Shared landmark model and detection cadence<\/td>Yes<\/td>Yes<\/td>Yes<\/td>Yes<\/td><\/tr>
Same asset packages, authored once<\/td>Yes<\/td>Yes<\/td>Yes<\/td>Yes<\/td><\/tr>
Up to 8K video editing, 16K image processing<\/td>Yes<\/td>Yes<\/td>Yes<\/td>Yes<\/td><\/tr>
Scope note<\/td>Native binding<\/td>Native binding<\/td>Supported through the short-video solution<\/td>Surface must stay native-owned<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
What this mapping does not give you<\/h3>\n\n\n\n
Uniformity has a ceiling. On every target the effect only exists where detection succeeds, and detection has honest failure modes: tighten the confidence threshold and faces drop out on a hard turn or in dim light; loosen it and you will find retouching applied to a poster behind the subject. Temporal behaviour has the same character \u2014 landmark positions jitter slightly frame to frame, and that jitter becomes visible flicker in reshaping and makeup at exactly the small, conservative levels users prefer. Neither issue is platform-specific, which is precisely why fixing it once in the engine fixes it everywhere.<\/p>\n\n\n\n
FAQ<\/h2>\n\n\n\n
Is Flutter support a hand-written Dart binding?<\/strong>
No. Flutter is supported through the short-video solution, which already carries the retouching chain. You integrate that solution and configure looks and parameters rather than rebuilding them in Dart.<\/p>\n\n\n\n
Should the camera preview surface live in React Native’s view tree?<\/strong>
The pixels should not. Use a native-owned surface \u2014 a platform view or texture-backed layer \u2014 and let React Native compose it. Routing frame buffers through JavaScript is the single most common reason an integration feels slow.<\/p>\n\n\n\n
Do parameters behave identically across all four targets?<\/strong>
Yes. The detection pipeline, landmark model, and asset format are shared, so a look with the same identifiers and intensity values evaluates the same way everywhere. Differences you observe come from the host environment, not from the retouching definitions.<\/p>\n\n\n\n
How much of the reshaping control set should we expose?<\/strong>
That is a product decision. The engine can expose parameters per region \u2014 chin, eyes, jaw, nose \u2014 but shipping every one of them rarely helps users. Most teams expose a small subset and encode the rest inside authored looks.<\/p>\n\n\n\n
Is desktop part of this mapping?<\/strong>
Desktop means Desktop (Windows) here. Other desktop operating systems are not part of the official target list, so plan accordingly if your roadmap assumes them.<\/p>\n\n\n\n
Ready to see it in your own stack? Request a free trial<\/a> or talk to our integration team<\/a> \u2014 we’ll help you scope the modules you actually need.<\/p>\n","protected":false},"excerpt":{"rendered":"
A face beauty SDK integration is mostly plumbing, and plumbing is where cross-framework projects lose their schedule. The retouching itself is rarely the hard part: the engine detects a face, places landmarks, and redraws. What eats weeks is deciding who owns the camera surface, who drives the render loop, and how many times per second your parameter […]<\/p>\n","protected":false},"author":1,"featured_media":400,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[378,46,368,377,369],"class_list":["post-399","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-face-ar-sdk","tag-android","tag-face-beauty-sdk","tag-flutter","tag-ios","tag-react-native"],"_links":{"self":[{"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/posts\/399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/comments?post=399"}],"version-history":[{"count":1,"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/posts\/399\/revisions"}],"predecessor-version":[{"id":401,"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/posts\/399\/revisions\/401"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/media\/400"}],"wp:attachment":[{"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/media?parent=399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/categories?post=399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/en.meishesdk.com\/blog\/wp-json\/wp\/v2\/tags?post=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}