๐Ÿ“ฆ mataku / MiddleEllipsisText

A Text Component with ellipsis in the middle of text for Jetpack Compose and Compose Multiplatform

โ˜… 12 stars โ‘‚ 1 forks ๐Ÿ‘ 12 watching โš–๏ธ Apache License 2.0
compose-multiplatformjetpack-composekotlinkotlin-multiplatform
๐Ÿ“ฅ Clone https://github.com/mataku/MiddleEllipsisText.git
HTTPS git clone https://github.com/mataku/MiddleEllipsisText.git
SSH git clone git@github.com:mataku/MiddleEllipsisText.git
CLI gh repo clone mataku/MiddleEllipsisText
Takuma Homma Takuma Homma Cleanup a8f173a 1 years ago ๐Ÿ“ History
๐Ÿ“‚ develop View all commits โ†’
๐Ÿ“ .github
๐Ÿ“ .idea
๐Ÿ“ build-logic
๐Ÿ“ gradle
๐Ÿ“ MiddleEllipsisText
๐Ÿ“ sampleApp
๐Ÿ“ screenshot
๐Ÿ“„ .editorconfig
๐Ÿ“„ .gitignore
๐Ÿ“„ build.gradle.kts
๐Ÿ“„ CHANGELOG.md
๐Ÿ“„ gradle.properties
๐Ÿ“„ gradlew
๐Ÿ“„ gradlew.bat
๐Ÿ“„ LICENSE.txt
๐Ÿ“„ README.md
๐Ÿ“„ README.md

MiddleEllipsisText

Maven Central Version

A Text Component with ellipsis in the middle of text for Jetpack Compose and Compose Multiplatform.

If Text) comes to support Text-overflow middle cropping, this library will be deprecated.

  • - -
[!NOTE]
From Compose 1.8.0(-alpha02), MiddleEllipsis TextOverflow has officially supported. It's easier to use it if you don't need to customize ellipsis text or ellipsis text count.

Text(
  text = soLongText,
  modifier = Modifier,
  overflow = TextOverflow.MiddleEllipsis,
  maxLines = 1 // if you want single-line ellipsis
)

Requirement

minSdkVersion: 24

Installation

// settings.gradle(.kts)
pluginManagement {
  repositories {
    // ...
    mavenCentral()
  }
}

// {module}/build.gradle(.kts)
implementation "io.github.mataku:middle-ellipsis-text:${latestVersion}"

// Material 3 Text
// implementation "io.github.mataku:middle-ellipsis-text3:${latestVersion}"

Compose Multiplatform

MiddleEllipsisText and MiddleEllipsisText3 support Compose Multiplatform experimentally and only available for iOS, Android and JVM (desktop).

sourceSets {
  val commonMain by getting {
    dependencies {
      implementation("io.github.mataku:middle-ellipsis-text:${latestVersion}")
    }
  }

Usage

MiddleEllipsisText(
  // required
  text = "yeah"
)

The same arguments can be specified as for Text) composable. See more details: https://github.com/mataku/MiddleEllipsisText/blob/develop/MiddleEllipsisText/src/main/java/io/github/mataku/middleellipsistext/MiddleEllipsisText.kt

Screenshot

iOSAndroidDesktop