Add a transcript
On Android, you can use a TextView to display written text. Don't forget to put it in a ScrollView, to make the text scrollable.
xml
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Appt transcript" />
</ScrollView>In Jetpack Compose, you can use a Text) Composable to display written text. Don't forget to add verticalScroll.verticalScroll(androidx.compose.foundation.ScrollState,kotlin.Boolean,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean)) modifier, to make the text scrollable.
kotlin
Text(
text = "Appt transcript",
modifier = Modifier.horizontalScroll(rememberScrollState())
)On iOS, you can use UITextView to present a transcript. A UITextView is scrollable by default. You can also choose to place one or more UILabel's in a UIScrollView.
swift
// Option 1
let transcript = UITextView()
transcript.text = "Appt transcript"
// Option 2
let transcript = UILabel()
transcript.text = "Appt transcript"
let view = UIView()
view.addSubview(transcript)
let scrollView = UIScrollView()
scrollView.addSubview(view)In SwiftUI, you can use Text to present a transcript. To enhance user interaction, consider enabling text selection), allowing users to copy or interact with the text. For long transcripts, it's best to embed the text in a scrollable container like a ScrollView.
swift
private var transcript: String = "Appt video transcript."
var body: some View {
ScrollView {
// Place other views here
Text(transcript)
.textSelection(.enabled)
}
}With Flutter, you can use Text to display written text. Make sure to wrap the Text widget in a SingleChildScrollView and to set the overflow parameter to TextOverflow.visible. Also, the softwrap parameter needs to be set to true to prevent the text from overflowing outside its container.
dart
SingleChildScrollView(
child: Text(
'Appt transcript',
softWrap: true,
overflow: TextOverflow.visible,
),
)In React Native, you can use Text to display written text. Make sure to wrap the Text widget in a ScrollView to enable scrolling.
jsx
<ScrollView>
<Text>
Appt transcript
</Text>
</ScrollView>In MAUI, you can put a Label inside a ScrollView to achieve it.
xml
<ScrollView>
<Label Text="{Binding Transcript}" />
</ScrollView>In Xamarin, you can use Label to display written text. Make sure to wrap the Label widget in a ScrollView to enable scrolling.
xml
<ScrollView>
<Label x:name="transcript" Text="{Binding ApptTranscript}" />
</ScrollView>