Android Development

Write Less code with New Android Native UI Toolkit Jetpack Compose

Less Code with Enhanced Android UI Development

Are you an Android Developer? If Yes then very Exciting news for you In the recent update of Android Studio They released the Modern, Native UI Design Toolkit for Faster Native Android Development with less amount of Code.

One of the major headaches of Every Programmer is to writing lengthy code while programming the android app or any kind of Software So as per the recent Update Jetpack native UI Toolkit They are launching New Enhanced Native Mobile Design toolkit for faster Design and Development Called “Jetpack Compose”.

What is Jetpack Compose?

Jetpack Compose is a Modern UI toolkit Build Native Android Application with Faster Coding Functions and XML Resources with Kotlin APIs Included in the Bundle of Jetpack Compose. The main goal is

“ Write Less Code, Faster Development Environment”

Note: Jetpack Compose is currently available as an Alpha version. and all the APIs and design surfaces mutable till now.

Also, Jetpack Compose provides declarative Functions so you can directly apply the functions while creating any widget in the XML File you don’t need any further changes.

Example of @Composable Function Using Text Element

The main Base of the Jetpack Compose is @composable Functions that provide Data Dependencies directly in your code by using Annotation above your Function Name.

class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Text(“Hello world!”)
}
}
}
@Composable
fun Greeting(name: String) {
Text (text = “Hello $name!”)
}
@Preview
@Composable
fun PreviewGreeting() {
Greeting(“Android”)
}

Example of Column Function in Jetpack Compose

You can Arrange your list elements vertically using column Function in Jetpack compose directly and all the elements that are available in the list are arranged automatically in full stacked order. Also, you can give Particular Margins and style your elements with images.

@Composable
fun NewsStory() {
val image = imageResource(R.drawable.header)
Column(
modifier = Modifier.padding(16.dp)
) {
Image(image)
Text(“A day in Shark Fin Cove”)
Text(“Davenport, California”)
Text(“December 2018”)
}
}

Great Work!!!

Conclusion

Hereby we conclude that there are lots of Functions is available for styling the elements like column, modifier, spacer, shape, clip, etc. to design your User interface very fast and also codebase is totally less so you can easily build your modern UI Structure for your app using Native UI toolkit Jetpack Compose.

Connect with me- LinkedIn, Facebook, Twitter

Other Stories:

Get Ready For Next Google Pay Update: UI Design and Finance

Augmented reality: See Future of Fashion industry

See the future of Deep Learning