Right to Left Language Support

[waelsaad]

Hi,

I have closed my other issue to do with performance and would like your assistance please to let me know if FrameUp is already supporting justifying blocks of text for languages that are right to left.

I usually place the following 2 lines and it works but it didn't with the HFlow Layout.

Text(languageText)
          .multilineTextAlignment(.trailing)
          .frame(maxWidth: .infinity, alignment: .trailing)

    @ViewBuilder
    func justifiedItem(_ item: TextItem) -> some View {
        if let text = viewModel.getText(item) {
            let words = Array(text.string.split(separator: " ").map(String.init).enumerated())
            LazyVStack(spacing: 0) {
                HFlowLayout(alignment: .justified) {
                    ForEach(words, id: \.offset) { word in
                        Text(word.element)
                            .multilineTextAlignment(.trailing)
                            .frame(maxWidth: .infinity, alignment: .trailing)
                    }
                }
            }
        }
    }

I am happy to modify FrameUp myself if you guide me as to what can be done. I am hoping its simple enough to do. Thank you.

[ryanlintott]

Right to left layout is supported via the .layoutDirection environment variable. It will automatically change based on the user locale but you can also change it manually.

For example

HFlowLayout(alignment: alignment) {
  ForEach(items) { item in
      Text(item.value)
  }
}
.environment(\.layoutDirection, .rightToLeft)  /// manually set it here

[ryanlintott]

A couple more points:

• the LazyVStack is just wrapping the entire HFlowLayout so it doesn't add any laziness. The HFlowLayout handles the layout for all the views in the ForEach and it does not work in a lazy way.
• .multilineTextAlignment only works on Text views with multiple lines. I assume the text view in your demo only contains one word so it wouldn't be on multiple lines
• The .frame modifier on the word also shouldn't be used as I assume you want HFlowLayout to handle the layout of the Text view keeping it's normal bounding frame.

[ryanlintott]

As right to left support is already included I'll mark this as closed.

[waelsaad]

Thank you Ryan, I appreciate your response. yes I have got the right to left working now. Amazing, and noted the other comments.