JSFiddle - React, Tailwind, and code Playground

by clayshannon

HTML

<h2>Creating an Android Activity in Droido</h2>
<p>With your project open in <a href="http://developer.android.com/intl/es/sdk/installing/studio.html"  

target="_blank">Android Studio</a>, right-click <appName>\app\src\main\java\<bla>.app and select New > Activity > 

Blank Activity</p>

<p>You will be greeted, unsurprisingly perhaps, by the "New Blank Activity" dialog. Give the Activity a name, such as 

"DeliveryItemActivity"</p>

<p>As you do so, the Layout Name property below it will be automatically populated with an appropriate corresponding 

name, such as, in this case, "activity_delivery_item" (this layout file will have an .xml extensison)</p>

<p>Your dialog will now look something like this:</p>

<a href="NewBlankActivityWithNameAdded.png"><img width="640" height="360" src="DroidioTip27.png" /> </a>

<p>Now mash the "Finish" button</p>

<p>This will open the layout file in the <appName>\app\src\main\java\res\layout folder, with a default layout and one 

widget: a TextView with the all-too-typical "Hello world!" verbiage:</p>

<pre lang="xml">
&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="hhs.app.DeliveryItemActivity"&gt;

    &lt;TextView
        android:text="@string/hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" /&gt;

</RelativeLayout>
</pre>

<p>To prevent an oncoming nervous breakdown, change this to something more interesting by opening the 

<appName>\app\src\main\java\res\values\strings.xml file and replacing that:</p>

<pre lang="xml">
&lt;string name="hello_world"&gt;Hello...