Jetpack Compose की अगस्त 2026 वाली रिलीज़ में नया क्या है

आज, Jetpack Compose की अगस्त 2026 वाली रिलीज़ का स्टेबल वर्शन उपलब्ध है! इस रिलीज़ में, मुख्य Compose मॉड्यूल के लिए वर्शन 1.12 उपलब्ध है. पूरी BOM मैपिंग देखें. इसमें कई विज़ुअल एपीआई शामिल हैं. जैसे, मेश ग्रेडिएंट और वाइड कलर गैमट (डब्ल्यूसीजी) के लिए सहायता. इसमें स्ट्रक्चरल लेआउट की सुविधाएं भी शामिल हैं. जैसे, Grid में नाम वाली जगहें. साथ ही, इसमें Android के क्रेडेंशियल मैनेजर के साथ आसानी से इंटिग्रेट करने की सुविधा भी शामिल है. इसके अलावा, इसमें टेस्टिंग और परफ़ॉर्मेंस में काफ़ी सुधार किए गए हैं.

अपने प्रोजेक्ट को आज की रिलीज़ के हिसाब से अपडेट करने के लिए, Compose BOM के वर्शन को 2026.08.00 पर अपग्रेड करें:

implementation(platform("androidx.compose:compose-bom:2026.08.00"))

नुकसान पहुंचा सकने वाले बदलाव

• AGP और कंपाइल एसडीके: Compose 1.12, कंपाइल एसडीके को एपीआई 37 पर अपडेट करता है. इसके लिए, कम से कम AGP 9.1.2 की ज़रूरत होती है. आपको याद दिला दें कि कंपोज़ हमेशा latest compileSdk को टारगेट करेगा. इस बदलाव के बारे में ज़्यादा जानने के लिए, यहां क्लिक करें.
• Modifier.onFirstVisible() को बंद कर दिया गया है: Modifier.onVisibilityChanged() पर माइग्रेट करें. इससे, दिखने की थ्रेशोल्ड ट्रैकिंग ज़्यादा सटीक तरीके से की जा सकती है.

ग्राफ़िक

मेश ग्रेडिएंट

Compose 1.12 में, MeshGradientPainter को शामिल किया गया है. इससे आपको कई पॉइंट वाले, ऑर्गैनिक कलर ग्रेडिएंट बनाने में मदद मिलती है.

val rows = 1
val columns = 1

val gradientPainter = remember {
    MeshGradientPainter(rows, columns) {
        // Parameters: row, column, position, color
        setVertex(0, 0, Offset(0f, 0f), Color.Red)     // Top-Left
        setVertex(0, 1, Offset(1f, 0f), Color.Blue)    // Top-Right
        setVertex(1, 0, Offset(0f, 1f), Color.Green)   // Bottom-Left
        setVertex(1, 1, Offset(1f, 1f), Color.Yellow)  // Bottom-Right
    }
}

Box(
    modifier = modifier
        .aspectRatio(16/9f)
        .fillMaxWidth()
        .paint(gradientPainter)
)

ज़्यादा जानकारी और उदाहरणों के लिए, दस्तावेज़ देखें.

वाइड कलर गैमट और एचडीआर सपोर्ट

मॉडर्न डिसप्ले में, बेहतर कलर फ़िडेलिटी और हाई डाइनैमिक रेंज मिलती है. Compose 1.12 में, वाइड कलर गैमट (P3) और एचडीआर रेंडरिंग के लिए, पूरी पाइपलाइन का इस्तेमाल किया जा सकता है. यह सुविधा, Compose के ग्राफ़िक्स, पेंट, और शेडर में उपलब्ध है. नॉन-एसआरजीबी कलर स्पेस (जैसे कि Display P3) में तय किए गए रंगों को, प्लैटफ़ॉर्म रेंडरिंग के दौरान सुरक्षित रखा जाता है. इसके लिए, कलर क्लैंपिंग का इस्तेमाल नहीं किया जाता. अगर रंग, ऐसे कलर स्पेस का इस्तेमाल करते हैं जो काम नहीं करता (जैसे, CieXyz, CieLab या Oklab), Android के ऐसे वर्शन पर कलर स्पेस का इस्तेमाल करते हैं जो काम नहीं करता (जैसे, Android 13 और इससे पहले के वर्शन पर Bt2020Hlg) या ऐप्लिकेशन, Android 9 (एपीआई 28) और इससे पहले के वर्शन पर चल रहा है, तो रंग सुरक्षित तरीके से sRGB पर वापस आ जाएंगे.

अन्य ज़रूरी बदलाव:

• GraphicsLayer और Modifier.graphicsLayer में LayerOutsets जोड़ा गया है. इसका इस्तेमाल करके, लेयर की मेज़र की गई साइज़ की सीमा से ज़्यादा विज़ुअल बाउंड्री बढ़ाई जा सकती है. जब लेयर को ऑफ़स्क्रीन बफ़र में प्रमोट किया जाता है, तब clipToBounds के डिफ़ॉल्ट व्यवहार से बचने के लिए, LayerOutsets लागू करें.

स्टाइल

हमने Google I/O में, Compose Styles API के बारे में बताया था. यह कॉम्पोनेंट को स्टाइल करने का एक बेहतर और आसान तरीका है. इसके बाद से, हम इसके आर्किटेक्चर को बेहतर बनाने पर काम कर रहे हैं, ताकि टाइप की सुरक्षा और अनुमानित सटीकता की गारंटी दी जा सके. साथ ही, कस्टम डिज़ाइन सिस्टम बनाने में मदद मिल सके. 

हम इस बुनियादी लेयर को सही तरीके से लागू करना चाहते हैं. इसलिए, एपीआई को एक्सपेरिमेंट के तौर पर उपलब्ध कराया जाएगा. साथ ही, आपको इसमें बड़े बदलाव देखने को मिल सकते हैं. 

रनटाइम ऑप्टिमाइज़ेशन

Keyed SideEffect Overload

SideEffect अब मुख्य तर्कों के साथ काम करता है. इससे, खास कुंजियों में बदलाव होने पर, एक बार में साइड इफ़ेक्ट ट्रिगर किए जा सकते हैं. जब आपको को-रूटीन या डिस्पोज़ ब्लॉक की ज़रूरत नहीं होती है, तब LaunchedEffect या DisposableEffect का इस्तेमाल करने की तुलना में, इससे बेहतर परफ़ॉर्मेंस मिल सकती है. SideEffect, LaunchedEffect की तुलना में 90% तक और DisposableEffect की तुलना में 20% तक ज़्यादा तेज़ है. ध्यान दें कि SideEffect, DisposableEffect और LaunchedEffect से पहले काम करता है. इसलिए, अगर मौजूदा इफ़ेक्ट को इस एपीआई पर माइग्रेट किया जा रहा है, तो सावधानी बरतें. खास तौर पर, LaunchedEffects के लिए, जो मौजूदा फ़्रेम पूरा होने के बाद शुरू होने के लिए डिस्पैच किए जाने पर निर्भर करता है. 

@Composable
fun AnalyticsTracker(userId: String, screenName: String) {
    SideEffect(key1 = userId, key2 = screenName) {
        analytics.logScreenView(userId, screenName)
    }
}

ऐनिमेशन

• DeferredTargetAnimation को एक्सपेरिमेंट के स्टेटस से हटा दिया गया है. 

इंटरैक्टिव दो-स्टेज ट्रांज़िशन

• नए कंपोज़ेबल: DeferredAnimatedContent और DeferredAnimatedVisibility की मदद से, दो चरणों वाले शानदार ट्रांज़िशन बनाए जा सकते हैं. जैसे, पीछे जाने पर झलक दिखाने वाले हाथ के जेस्चर को ट्रैक करने के लिए.
• ऐनिमेशन को मैन्युअल तरीके से कंट्रोल करना: ट्रांज़िशन के डेफ़र्ड फ़ेज़ के दौरान, ऐनिमेट की गई प्रॉपर्टी (जैसे, स्केल या ऑफ़सेट) को अब रीयल-टाइम में मैन्युअल तरीके से बदला जा सकता है. उदाहरण के लिए, स्वाइप जेस्चर को ट्रैक करना.
• आसानी से ट्रांज़िशन होना: जब कुछ समय के लिए विज्ञापन दिखाने की सुविधा खत्म हो जाती है, तो ट्रांज़िशन इंजन काम करना शुरू कर देता है. यह इंजन, विज्ञापन को अपने-आप ट्रांज़िशन होने की सुविधा पर आसानी से ट्रांज़िशन कर देता है. इसमें वेलोसिटी ट्रांसफ़र भी शामिल है.
• शेयर किए गए एलिमेंट के लिए सहायता: SharedContentConfig में नया permitTransformDuringDeferredTransition फ़्लैग जोड़ा गया है. यह फ़्लैग यह कंट्रोल करता है कि शेयर किए गए एलिमेंट, ट्रांज़िशन के दौरान अपने पैरंट कंटेनर के साथ विज़ुअल तौर पर बदलें या नहीं.

val state = remember { DeferredTransitionState(initialScreen) }
val transition = rememberDeferredTransition(state)

if (predictiveBackInProgress) {
    state.defer(targetScreen)
} else {
    state.animateTo(targetScreen)
}

transition.DeferredAnimatedContent(
    targetState = targetScreen,
    mutableTransformSpec = {
       MutableContentTransform {
           // Manually manipulate properties during the deferred phase
           initialContentTransform { scale = swipeProgress }
       }
    }
) { screen ->
    ScreenContent(screen)
}

यहां इस्तेमाल के दो उदाहरण दिए गए हैं. इनमें, जेस्चर से कंट्रोल होने वाले ऐनिमेशन को ट्रिगर किए गए ऐनिमेशन में बदल दिया जाता है:

टेक्स्ट, इनपुट, और प्लैटफ़ॉर्म इंटिग्रेशन

बदलाव किए जा सकने वाले टेक्स्ट का फ़ॉर्मैट

नए एपीआई, BasicTextField में बदलाव किए जा सकने वाले टेक्स्ट के लिए, रिच-टेक्स्ट फ़ॉर्मैटिंग की सुविधा देते हैं. अब SpanStyle और ParagraphStyle का इस्तेमाल करके, प्रोग्राम के हिसाब से इनलाइन वर्ण और पैराग्राफ़ फ़ॉर्मैटिंग लागू की जा सकती है और उनमें बदलाव किया जा सकता है. इसके लिए, TextFieldBuffer स्कोप में मौजूद नई addStyle() विधि का इस्तेमाल करें. जैसे, textFieldState.edit { ... } या InputTransformation में. इसके अलावा, TextFieldBuffer, getSpanStyles() और getParagraphStyles() एपीआई उपलब्ध कराता है. ये TrackedRange ऑब्जेक्ट दिखाते हैं. इनकी मदद से, लागू किए गए स्टाइल पढ़े, अपडेट किए या हटाए जा सकते हैं. फ़ॉर्मैटिंग बनाने की सुविधा को बेहतर बनाने के लिए, TextFieldState अब एक रीड-ओनली textStyles प्रॉपर्टी दिखाता है. इसकी मदद से, अलग-अलग रेंज में ऐक्टिव स्टाइल के बारे में क्वेरी की जा सकती है. वहीं, TextFieldBuffer, बदलाव करने से पहले फ़ॉर्मैटिंग की स्थिति की जांच करने के लिए originalTextStyles उपलब्ध कराता है. कॉन्फ़िगरेशन में बदलाव होने पर भी, टेक्स्ट फ़ॉर्मैटिंग और कस्टम एनोटेशन बने रहते हैं.

val state = rememberTextFieldState("Formatted text in Compose 1.12")

// Apply bold and color styles to a range of text
state.edit {
    addStyle(
        SpanStyle(fontWeight = FontWeight.Bold, color = Color.Blue),
        start = 0,
        end = 9
    )
}

// Query active styles from TextFieldState
val currentStyles = state.textStyles

टेक्स्ट चुनने की सुविधा

नए SelectionState एपीआई की मदद से, SelectionContainer में टेक्स्ट चुनने की सुविधा को प्रोग्राम के हिसाब से कंट्रोल किया जा सकता है. साथ ही, यह भी देखा जा सकता है कि टेक्स्ट को कैसे चुना जा रहा है. rememberSelectionState() के ज़रिए SelectionState ऑब्जेक्ट को होस्ट करने और इसे SelectionContainer में पास करने से, selectedTexts, AnnotatedStrings की प्रतिक्रियाशील सूची के तौर पर दिखता है. साथ ही, selectAll(), clear(), select(TextRange), और extendSelectionByWord() जैसे तरीके उपलब्ध कराता है.

इसके अलावा, लेआउट के क्रम में चुने जा सकने वाले सभी टेक्स्ट आइटम को वापस पाने के लिए, getSelectableTexts() का इस्तेमाल करें. साथ ही, ग्लोबल रेंज का इस्तेमाल करके SelectionContainer में कंपोज़ेबल के बीच टेक्स्ट चुनें. 

@Composable
fun ProgrammaticSelectionExample() {
    val selectionState = rememberSelectionState()

    Column {
        Button(
            onClick = { selectionState.selectAll() },
            modifier = Modifier.disableSelectionClearOnTap()
        ) {
            Text("Select All")
        }

        SelectionContainer(state = selectionState) {
            Text("Text content to be selected programmatically.")
        }
    }
}

Credential Manager इंटिग्रेशन

टेक्स्ट फ़ील्ड अब Android के Credential Manager (API 34+) के साथ नेटिव तौर पर इंटिग्रेट हो जाते हैं. ऐसा, Autofill फ़्रेमवर्क के ज़रिए होता है. API 34 से पहले के वर्शन को androidx.credentials library मैनेज करता है. नई credentialRequest सिमैंटिक्स प्रॉपर्टी को CredentialRequestData के साथ अटैच करके, टेक्स्ट इनपुट से पासकी, सेव किए गए क्रेडेंशियल या साइन-इन के अनुरोध सीधे तौर पर उपयोगकर्ता के इनपुट फ़्लो में किए जा सकते हैं.

@Composable
fun LoginField(textFieldState: TextFieldState) {
    val credentialData = remember {
        CredentialRequestData(
            // Specify Credential Manager request options
        )
    }

    BasicTextField(
        state = textFieldState,
        modifier = Modifier.semantics {
            credentialRequest = credentialData
        }
    )
}

अन्य ज़रूरी बदलाव:

• डाउनलोड किए जा सकने वाले फ़ॉन्ट में, फ़ॉन्ट वैरिएशन सेटिंग के लिए सहायता जोड़ी गई है.
• SelectionContainer में, टेक्स्ट को व्यूपोर्ट से बाहर ले जाकर चुनने पर, ऑटो-स्क्रोलिंग की सुविधा चालू की गई.
• Compose कॉम्पोनेंट में, अपने-आप इंटरैक्शन की आवाज़ें (क्लिक और फ़ोकस नेविगेशन) चलाने की सुविधा जोड़ी गई है. साथ ही, ऑप्ट-आउट करने के लिए नया SoundEffectOnInteraction कंपोज़ेबल जोड़ा गया है. ध्यान दें कि इस बदलाव के बाद, सिमैंटिक्स क्लिक लिसनर को मुख्य थ्रेड से कॉल करना होगा. इससे कुछ टेस्ट केस पर असर पड़ सकता है.
• KeyboardType में अब Date, Time, DateTime, और SignedDecimal शामिल हैं.
• BasicSecureTextField अब डिफ़ॉल्ट रूप से TextObfuscationMode.System का इस्तेमाल करता है. वहीं, RevealLastTyped का इस्तेमाल, किसी भी वैल्यू को पूरी तरह से बदलने के लिए किया जाता है.

लेआउट को बेहतर बनाने से जुड़ी सुविधाएं

ग्रिड लेआउट में नाम वाली जगहें

@Experimental ग्रिड कॉम्पोनेंट में, नाम वाली जगहों की मदद से अब जटिल 2D लेआउट बनाना आसान हो गया है. सभी आइटम के लिए, संख्या वाले कॉलम और लाइन इंडेक्स मैनेज करने के बजाय, अपने GridConfigurationScope में सिमैंटिक रीजन तय किए जा सकते हैं. साथ ही, जगह के नाम के हिसाब से कंपोज़ेबल को पोज़िशन किया जा सकता है.

@OptIn(ExperimentalGridApi::class)
@Composable
fun DashboardLayout() {
    Grid(
        config = {
            area("header", row = 0, column = 0, rowSpan = 1, columnSpan = 2)
            area("sidebar", row = 1, column = 0)
            area("content", row = 1, column = 1)
            gap(16.dp)
        }
    ) {
        HeaderSection(modifier = Modifier.gridItem(areaId = "header"))
        NavigationSidebar(modifier = Modifier.gridItem(areaId = "sidebar"))
        MainContentView(modifier = Modifier.gridItem(areaId = "content"))
    }
}

ज़्यादा जानकारी के लिए, दस्तावेज़ देखें.

परफ़ॉर्मेंस

हर रिलीज़ की तरह, हम Compose की परफ़ॉर्मेंस को बेहतर बनाने के लिए काम करते रहेंगे. इससे यह पक्का किया जा सकेगा कि फ़्रेमवर्क की मदद से, आपको बेहतरीन और अच्छी परफ़ॉर्मेंस वाले ऐप्लिकेशन बनाने में मदद मिले. इस रिलीज़ में, हमने स्टार्टअप की परफ़ॉर्मेंस को बेहतर बनाने पर ध्यान दिया है. अब हमें शुरुआती डिसप्ले में लगने वाला समय (किसी ऐप्लिकेशन को अपना पहला फ़्रेम बनाने में लगने वाला समय) दिख रहा है. यह हमारे मानदंडों में व्यू की तुलना में बेहतर है.

टेस्टिंग और टूलिंग अपग्रेड

टेस्ट सिंक करना

Compose 1.12 में नए टेस्ट एपीआई पेश किए गए हैं. इन्हें टेस्ट के एक्ज़ीक्यूशन में लगने वाले समय को कम करने और स्टेट सैंपलिंग के दौरान फ़्लेकीनेस को खत्म करने के लिए डिज़ाइन किया गया है:

• hasPendingWork: यह बिना क्लॉक को आगे बढ़ाए, यह जांच करता है कि यूज़र इंटरफ़ेस (यूआई) में कोई काम बाकी है या नहीं. यह मैन्युअल ऐनिमेशन लूप के लिए सबसे सही है.
• runWithoutImplicitWait: मैन्युअल क्लॉक फ़्रेम (जैसे, ऐनिमेशन टेस्ट) से गुज़रते समय, यह विकल्प कुछ समय के लिए इंप्लिसिट सिंक्रनाइज़ेशन को बंद कर देता है.

@Test
fun testAnimationStateFast() {

composeTestRule.mainClock.autoAdvance = false
    
    while (composeTestRule.hasPendingWork()) {
        composeTestRule.mainClock.advanceTimeByFrame()
        composeTestRule.waitForIdle()
        
        composeTestRule.runOnUiThread {
            composeTestRule.runWithoutImplicitWait {
                // This is most effective when querying multiple nodes in a single frame. 
                // It prevents the redundant synchronization overhead that would 
                // otherwise occur on every individual query.
                val box1 = composeTestRule.onNodeWithTag("Box1").fetchSemanticsNode()
                val box2 = composeTestRule.onNodeWithTag("Box2").fetchSemanticsNode()
                
                assertThat(box1.boundsInRoot.right).isAtMost(box2.boundsInRoot.left)
            }
        }
    }
}

अन्य ज़रूरी बदलाव:

• captureToImage एपीआई की मदद से, अब किसी पॉप-अप या डायलॉग को उसके ऐंकर के साथ एक ही बिटमैप में कैप्चर किया जा सकता है.
• Compose की सिमैंटिक खोजों को खास Android व्यू तक सीमित करने के लिए, onRootWithViewInteraction जोड़ा गया. इससे हाइब्रिड यूज़र इंटरफ़ेस (यूआई), जैसे कि RecyclerViews की टेस्टिंग आसान हो जाती है. इसके लिए, प्रोडक्शन कोड में यूनीक टेस्ट टैग की ज़रूरत नहीं होती.
• @PreviewWrapper एनोटेशन अब कस्टम @MultiPreview क्लास पर लागू किए जा सकते हैं. इससे, एक से ज़्यादा कॉम्पोनेंट में, फिर से इस्तेमाल किए जा सकने वाले प्रीव्यू सेटअप (जैसे कि कस्टम थीम) का इस्तेमाल किया जा सकता है.

संगीत कंपोज़ करने का आनंद लें!

Compose 1.12 की मदद से, ऐप्लिकेशन को पहले से ज़्यादा आसानी से और बेहतर तरीके से बनाया जा सकता है. इसमें मेश ग्रेडिएंट, ज़्यादा कलर गैमट सपोर्ट, डाउनलोड किए जा सकने वाले वैरिएबल फ़ॉन्ट, Credential Manager इंटिग्रेशन, और तेज़ी से टेस्टिंग करने वाले टूल शामिल हैं. हमेशा की तरह, आपके सुझाव हमारे लिए अहम हैं. इसलिए, कृपया इन बदलावों के बारे में अपने सुझाव दें. इसके अलावा, हमें बताएं कि आपको हमारे समस्या ट्रैकर पर आगे क्या देखना है. ईमेल लिखने का आनंद लें!