Monday Hero
Website
FAQ
Search…
v2-Web-Desktop-App
Overview
Workflow Basics
Getting Started
Installing the Desktop App
Login & Create a Project
Import Design Files into Monday Hero
Prepare Design To Get Best Results
WORKING WITH MONDAY HERO
Components
Views
Texts
Images
Button
TextField/EditText
Text Area
Status Bar
Search Bar
List
Grid
Video Player
Export Code
Roles & Manage the Project Team
Firebase
Step-By-Step Tutorials
🏖
Travel App
Reach Us
Get Support
Get Demo
Join & Follow Us
Slack Community
GitHub
Twitter
LinkedIn
Blog
Instagram
Facebook
YouTube
Discord Community
Powered By
GitBook
Text Area
Convert TextView/Text component to iOS/Android code.
Text View allows the user to enter
more than one line
of text. A textView image is and its code is shown below.
A Text View Example
While creating the component, Monday Hero automatically detects the
text
and
Background
in the TextView.
Generated iOS/Android Code of TextView
iOS
Android
1
//HomePageViewController.swift
2
import
UIKit
3
4
class
HomePageViewController
:
UIViewController
{
5
6
//Connection from an Interface Builder to a UI component
7
@IBOutlet
private
weak
var
addNotesTextView
:
UITextView
!
8
9
override
func
viewDidLoad
()
{
10
super
.
viewDidLoad
()
11
setupViews
()
12
}
13
}
14
15
extension
HomePageViewController
{
16
private
func
setupViews
()
{
17
//TextView properties
18
addNotesTextView
.
backgroundColor
=
UIColor
.
daisy2
19
addNotesTextView
.
text
=
NSLocalizedString
(
"add.note.here"
,
comment
:
""
)
20
addNotesTextView
.
textColor
=
UIColor
.
spruce_40
21
addNotesTextView
.
font
=
UIFont
.
textStyle5
22
addNotesTextView
.
textAlignment
=
.
left
23
}
24
}
Copied!
Android does not have a separate component for Text Areas, the same code is used for the
Texts
are also used for Text Areas.
Texts
Previous
TextField/EditText
Next
Status Bar
Last modified
1yr ago
Copy link
Contents
Generated iOS/Android Code of TextView